/**
 * DCENT_OS Landing Page Styles
 *
 * Namespace: dcos- (avoids dc- collision with design system)
 * @since 1.14.18
 */

/* ══════════════════════════════════════════════
   HERO SECTION
   ══════════════════════════════════════════════ */

.dcos-hero {
    position: relative;
    min-height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: var(--dc-space-4xl) 0;
    background: var(--dc-bg-primary, #0d0d0d);
}

.dcos-hero__bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}

/* Animated dot grid */
.dcos-hero__grid {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(255,110,0,0.08) 1px, transparent 1px);
    background-size: 40px 40px;
}

/* CRT scanline overlay */
.dcos-hero__scanline {
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 2px,
        rgba(0,0,0,0.03) 2px,
        rgba(0,0,0,0.03) 4px
    );
}

.dcos-hero__inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--dc-space-lg);
    max-width: 800px;
    margin: 0 auto;
}

/* Beta badge */
.dcos-hero__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    border: 1px solid rgba(16,185,129,0.4);
    border-radius: 999px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8rem;
    color: #10b981;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.dcos-hero__badge-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #10b981;
    animation: dcos-pulse 2s ease-in-out infinite;
}

@keyframes dcos-pulse {
    0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(16,185,129,0.5); }
    50% { opacity: 0.6; box-shadow: 0 0 0 6px rgba(16,185,129,0); }
}

.dcos-hero__title {
    margin: 0;
}

.dcos-hero__wordmark {
    font-family: 'JetBrains Mono', monospace;
    font-size: clamp(3rem, 8vw, 6rem);
    font-weight: 700;
    color: #ffffff;
    letter-spacing: -0.02em;
    text-shadow: 0 0 40px rgba(255,110,0,0.2);
}

.dcos-hero__tagline {
    font-size: clamp(1.1rem, 2.5vw, 1.35rem);
    color: var(--dc-text-secondary, #8a8a8a);
    max-width: 600px;
    margin: 0;
    line-height: 1.6;
}

/* Terminal readout */
.dcos-hero__terminal {
    width: 100%;
    max-width: 520px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #333;
    background: #0a0a0a;
    text-align: left;
}

.dcos-hero__terminal-bar {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    background: #1a1a1a;
    border-bottom: 1px solid #333;
}

.dcos-hero__terminal-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.dcos-hero__terminal-dot--red { background: #ff5f56; }
.dcos-hero__terminal-dot--yellow { background: #ffbd2e; }
.dcos-hero__terminal-dot--green { background: #27c93f; }

.dcos-hero__terminal-title {
    margin-left: auto;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    color: #666;
}

.dcos-hero__terminal-body {
    padding: 16px;
}

.dcos-hero__terminal-body code {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8rem;
    line-height: 1.8;
    color: #e8e8e8;
}

.dcos-term-prompt { color: #10b981; }
.dcos-term-label { color: #ff6e00; }
.dcos-term-ok { color: #10b981; }
.dcos-term-comment { color: #555; }

.dcos-term-cursor {
    display: inline-block;
    animation: dcos-blink 1s step-end infinite;
    color: #10b981;
}

@keyframes dcos-blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

.dcos-hero__ctas {
    display: flex;
    gap: var(--dc-space-md);
    flex-wrap: wrap;
    justify-content: center;
}


/* ══════════════════════════════════════════════
   SECTION TITLES
   ══════════════════════════════════════════════ */

.dcos-section-title {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: clamp(1.8rem, 4vw, 2.5rem);
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 var(--dc-space-md);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.dcos-section-title--center {
    text-align: center;
}

.dcos-section-subtitle {
    text-align: center;
    color: var(--dc-text-secondary, #8a8a8a);
    max-width: 600px;
    margin: 0 auto var(--dc-space-2xl);
    font-size: 1.05rem;
    line-height: 1.6;
}


/* ══════════════════════════════════════════════
   SECTION 2: INTRO
   ══════════════════════════════════════════════ */

.dcos-intro {
    padding: var(--dc-space-4xl) 0;
    background: var(--dc-bg-primary, #0d0d0d);
}

.dcos-intro__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--dc-space-2xl);
    align-items: center;
}

.dcos-intro__desc {
    color: var(--dc-text-secondary, #8a8a8a);
    font-size: 1.05rem;
    line-height: 1.7;
    margin: 0 0 var(--dc-space-md);
}

.dcos-intro__stats {
    display: flex;
    flex-direction: column;
    gap: var(--dc-space-md);
}

.dcos-stat-card {
    display: flex;
    align-items: center;
    gap: var(--dc-space-md);
    padding: var(--dc-space-lg);
    background: var(--dc-bg-secondary, #1e1e2e);
    border: 1px solid #333;
    border-radius: 8px;
    transition: border-color 0.3s, box-shadow 0.3s;
}

.dcos-stat-card:hover {
    border-color: #ff6e00;
    box-shadow: 0 0 20px rgba(255,110,0,0.1);
}

.dcos-stat-card__icon {
    color: #ff6e00;
    flex-shrink: 0;
}

.dcos-stat-card__value {
    font-family: 'JetBrains Mono', monospace;
    font-size: 1.5rem;
    font-weight: 700;
    color: #ffffff;
}

.dcos-stat-card__label {
    font-size: 0.85rem;
    color: var(--dc-text-secondary, #8a8a8a);
    margin-left: auto;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}


/* ══════════════════════════════════════════════
   SECTION 3: SHOWDOWN TABLE
   ══════════════════════════════════════════════ */

.dcos-showdown {
    padding: var(--dc-space-4xl) 0;
    background: var(--dc-bg-secondary, #1e1e2e);
}

.dcos-showdown__wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.dcos-showdown__table {
    width: 100%;
    min-width: 700px;
    border-collapse: collapse;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.85rem;
}

.dcos-showdown__table thead {
    border-bottom: 2px solid #ff6e00;
}

.dcos-showdown__table th {
    padding: 12px 16px;
    text-align: center;
    color: #e8e8e8;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.8rem;
}

.dcos-showdown__table th:first-child {
    text-align: left;
}

.dcos-showdown__table td {
    padding: 12px 16px;
    text-align: center;
    color: #e8e8e8;
    border-bottom: 1px solid #333;
}

.dcos-showdown__table td:first-child {
    text-align: left;
    color: var(--dc-text-secondary, #8a8a8a);
}

.dcos-showdown__highlight {
    background: rgba(255,110,0,0.06);
    border-left: 2px solid #ff6e00;
    border-right: 2px solid #ff6e00;
}

thead .dcos-showdown__highlight {
    border-top: 2px solid #ff6e00;
    color: #ff6e00 !important;
}

tbody tr:last-child .dcos-showdown__highlight {
    border-bottom: 2px solid #ff6e00;
}

/* Circle indicators */
.dcos-circle {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    vertical-align: middle;
}

.dcos-circle--filled {
    background: #ff6e00;
    box-shadow: 0 0 8px rgba(255,110,0,0.4);
}

.dcos-circle--empty {
    border: 2px solid #555;
    background: transparent;
}

.dcos-circle--half {
    background: linear-gradient(90deg, #ff6e00 50%, transparent 50%);
    border: 2px solid #ff6e00;
}


/* ══════════════════════════════════════════════
   SECTION 4: FEATURES GRID
   ══════════════════════════════════════════════ */

.dcos-features {
    padding: var(--dc-space-4xl) 0;
    background: var(--dc-bg-primary, #0d0d0d);
}

.dcos-features__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--dc-space-lg);
}

.dcos-feature-card {
    padding: var(--dc-space-xl);
    background: var(--dc-bg-secondary, #1e1e2e);
    border: 1px solid #333;
    border-radius: 8px;
    transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s;
}

.dcos-feature-card:hover {
    border-color: #ff6e00;
    box-shadow: 0 0 30px rgba(255,110,0,0.1);
    transform: translateY(-2px);
}

.dcos-feature-card__icon {
    color: #ff6e00;
    margin-bottom: var(--dc-space-md);
}

.dcos-feature-card__title {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 var(--dc-space-sm);
    text-transform: uppercase;
}

.dcos-feature-card__desc {
    color: var(--dc-text-secondary, #8a8a8a);
    font-size: 0.9rem;
    line-height: 1.6;
    margin: 0;
}

/* Teaser card — dashed border, subtle pulse */
.dcos-feature-card--teaser {
    border-style: dashed;
    border-color: rgba(255,110,0,0.4);
    background: rgba(255,110,0,0.03);
}

.dcos-feature-card--teaser:hover {
    border-color: #ff6e00;
    border-style: dashed;
}

.dcos-feature-card--teaser .dcos-feature-card__icon {
    color: rgba(255,110,0,0.6);
}

.dcos-feature-card--teaser .dcos-feature-card__title {
    color: rgba(255,255,255,0.7);
}


/* ══════════════════════════════════════════════
   COMPLETE FEATURE LIST
   ══════════════════════════════════════════════ */

.dcos-features__full {
    margin-top: var(--dc-space-2xl);
    padding-top: var(--dc-space-2xl);
    border-top: 1px solid #2a2a2a;
}

.dcos-features__full-title {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    color: #ff6e00;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 0 0 var(--dc-space-lg);
}

.dcos-features__full-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--dc-space-lg) var(--dc-space-2xl);
}

.dcos-features__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dcos-features__list li {
    position: relative;
    padding-left: 20px;
    font-size: 0.88rem;
    color: var(--dc-text-secondary, #9ca3af);
    line-height: 1.5;
}

.dcos-features__list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff6e00;
    box-shadow: 0 0 6px rgba(255,110,0,0.3);
}


/* ══════════════════════════════════════════════
   THREE MODES SECTION
   ══════════════════════════════════════════════ */

.dcos-modes {
    padding: var(--dc-space-4xl) 0;
    background: var(--dc-bg-primary, #0d0d0d);
}

.dcos-modes__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--dc-space-lg);
}

.dcos-mode-card {
    padding: var(--dc-space-xl);
    background: var(--dc-bg-secondary, #1e1e2e);
    border: 1px solid #333;
    border-radius: 12px;
    text-align: center;
    transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s;
}

.dcos-mode-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 0 30px rgba(255,110,0,0.08);
}

.dcos-mode-card__icon {
    color: #ff6e00;
    margin-bottom: var(--dc-space-md);
}

.dcos-mode-card__badge {
    display: inline-block;
    padding: 3px 14px;
    border-radius: 999px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: var(--dc-space-sm);
}

.dcos-mode-card__badge--green {
    background: rgba(16,185,129,0.15);
    color: #10b981;
    border: 1px solid rgba(16,185,129,0.3);
}

.dcos-mode-card__badge--orange {
    background: rgba(255,110,0,0.15);
    color: #ff6e00;
    border: 1px solid rgba(255,110,0,0.3);
}

.dcos-mode-card__badge--red {
    background: rgba(239,68,68,0.15);
    color: #ef4444;
    border: 1px solid rgba(239,68,68,0.3);
}

.dcos-mode-card__title {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 var(--dc-space-sm);
    text-transform: uppercase;
}

.dcos-mode-card__desc {
    color: var(--dc-text-secondary, #8a8a8a);
    font-size: 0.9rem;
    line-height: 1.6;
    margin: 0 0 var(--dc-space-md);
    text-align: left;
}

.dcos-mode-card__list {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

.dcos-mode-card__list li {
    position: relative;
    padding-left: 20px;
    font-size: 0.85rem;
    color: var(--dc-text-secondary, #9ca3af);
    line-height: 1.8;
}

.dcos-mode-card__list li::before {
    content: '>';
    position: absolute;
    left: 0;
    font-family: 'JetBrains Mono', monospace;
    color: #ff6e00;
    font-weight: 700;
}


/* ══════════════════════════════════════════════
   SECTIONS 5-7: SVG DIAGRAMS
   ══════════════════════════════════════════════ */

.dcos-stack,
.dcos-pid,
.dcos-hal {
    padding: var(--dc-space-4xl) 0;
}

.dcos-stack { background: var(--dc-bg-secondary, #1e1e2e); }
.dcos-pid { background: var(--dc-bg-primary, #0d0d0d); }
.dcos-hal { background: var(--dc-bg-secondary, #1e1e2e); }

.dcos-stack__diagram,
.dcos-pid__diagram,
.dcos-hal__diagram {
    max-width: 800px;
    margin: 0 auto;
}

.dcos-svg {
    width: 100%;
    height: auto;
}

/* SVG connector draw animation */
.dcos-connector {
    stroke-dasharray: 200;
    stroke-dashoffset: 200;
    transition: stroke-dashoffset 1s ease;
}

.dcos-svg--stack.dcos-animated .dcos-connector--1 {
    stroke-dashoffset: 0;
    transition-delay: 0.3s;
}

.dcos-svg--stack.dcos-animated .dcos-connector--2 {
    stroke-dashoffset: 0;
    transition-delay: 0.8s;
}

/* Hexagon stagger reveal — opacity only (CSS transform overrides SVG transform attribute) */
.dcos-hex {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.dcos-svg--stack.dcos-animated .dcos-hex--1 {
    opacity: 1;
    transition-delay: 0s;
}

.dcos-svg--stack.dcos-animated .dcos-hex--2 {
    opacity: 1;
    transition-delay: 0.4s;
}

.dcos-svg--stack.dcos-animated .dcos-hex--3 {
    opacity: 1;
    transition-delay: 0.9s;
}

/* PID arrow fade-in (draw animation conflicts with HTML stroke-dasharray dashes) */
.dcos-pid-arrow {
    opacity: 0;
    transition: opacity 0.6s ease;
}

.dcos-svg--pid.dcos-animated .dcos-pid-arrow--1 { opacity: 1; transition-delay: 0.2s; }
.dcos-svg--pid.dcos-animated .dcos-pid-arrow--2 { opacity: 1; transition-delay: 0.6s; }
.dcos-svg--pid.dcos-animated .dcos-pid-arrow--3 { opacity: 1; transition-delay: 1.0s; }
.dcos-svg--pid.dcos-animated .dcos-pid-arrow--4 { opacity: 1; transition-delay: 1.4s; }

/* PID nodes stagger */
.dcos-pid-node {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.dcos-svg--pid.dcos-animated .dcos-pid-node--1 { opacity: 1; transition-delay: 0s; }
.dcos-svg--pid.dcos-animated .dcos-pid-node--2 { opacity: 1; transition-delay: 0.3s; }
.dcos-svg--pid.dcos-animated .dcos-pid-node--3 { opacity: 1; transition-delay: 0.7s; }
.dcos-svg--pid.dcos-animated .dcos-pid-node--4 { opacity: 1; transition-delay: 1.1s; }

/* HAL layers stagger */
.dcos-hal-layer {
    opacity: 0;
    transition: opacity 0.6s ease;
}

.dcos-svg--hal.dcos-animated .dcos-hal-layer--1 { opacity: 1; transition-delay: 0s; }
.dcos-svg--hal.dcos-animated .dcos-hal-layer--2 { opacity: 1; transition-delay: 0.4s; }
.dcos-svg--hal.dcos-animated .dcos-hal-layer--3 { opacity: 1; transition-delay: 0.8s; }


/* Diagram layman explainer */
.dcos-diagram-explainer {
    max-width: 700px;
    margin: var(--dc-space-xl) auto 0;
    padding: var(--dc-space-lg) var(--dc-space-xl);
    background: rgba(255,110,0,0.04);
    border-left: 3px solid #ff6e00;
    border-radius: 0 8px 8px 0;
}

.dcos-diagram-explainer p {
    color: var(--dc-text-secondary, #9ca3af);
    font-size: 0.92rem;
    line-height: 1.7;
    margin: 0;
}


/* ══════════════════════════════════════════════
   SECTION 8: SUPPORTED HARDWARE
   ══════════════════════════════════════════════ */

.dcos-hardware {
    padding: var(--dc-space-4xl) 0;
    background: var(--dc-bg-primary, #0d0d0d);
}

.dcos-hardware__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--dc-space-2xl);
    margin-bottom: var(--dc-space-2xl);
}

.dcos-hardware__heading {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 var(--dc-space-md);
    padding-bottom: var(--dc-space-sm);
    border-bottom: 2px solid #333;
}

.dcos-hardware__heading--active { color: #10b981; border-color: #10b981; }
.dcos-hardware__heading--soon { color: #ff6e00; border-color: #ff6e00; }

.dcos-hardware__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--dc-space-sm);
}

.dcos-hardware__item {
    display: flex;
    align-items: center;
    gap: var(--dc-space-md);
    padding: var(--dc-space-sm) var(--dc-space-md);
    background: var(--dc-bg-secondary, #1e1e2e);
    border-radius: 6px;
    border: 1px solid #2a2a2a;
}

.dcos-hardware__name {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.9rem;
    color: #e8e8e8;
}

/* Badges */
.dcos-badge {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 999px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    flex-shrink: 0;
}

.dcos-badge--green {
    background: rgba(16,185,129,0.15);
    color: #10b981;
    border: 1px solid rgba(16,185,129,0.3);
}

.dcos-badge--orange {
    background: rgba(255,110,0,0.15);
    color: #ff6e00;
    border: 1px solid rgba(255,110,0,0.3);
}

/* Chip timeline */
.dcos-hardware__timeline {
    max-width: 700px;
    margin: 0 auto;
}

/* Chip node animation */
.dcos-chip-node {
    opacity: 0;
    transition: opacity 0.4s ease;
}

.dcos-svg--timeline.dcos-animated .dcos-chip-node--1 { opacity: 1; transition-delay: 0s; }
.dcos-svg--timeline.dcos-animated .dcos-chip-node--2 { opacity: 1; transition-delay: 0.2s; }
.dcos-svg--timeline.dcos-animated .dcos-chip-node--3 { opacity: 1; transition-delay: 0.4s; }
.dcos-svg--timeline.dcos-animated .dcos-chip-node--4 { opacity: 1; transition-delay: 0.6s; }


/* ══════════════════════════════════════════════
   SECTION 9: DOWNLOAD
   ══════════════════════════════════════════════ */

.dcos-download {
    padding: var(--dc-space-4xl) 0;
    background: var(--dc-bg-secondary, #1e1e2e);
}

.dcos-download__card {
    max-width: 600px;
    margin: 0 auto;
    padding: var(--dc-space-2xl);
    background: var(--dc-bg-primary, #0d0d0d);
    border: 1px solid #333;
    border-radius: 12px;
    text-align: center;
}

.dcos-download__badge {
    display: inline-block;
    padding: 4px 16px;
    border: 1px solid #ff6e00;
    border-radius: 999px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8rem;
    color: #ff6e00;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: var(--dc-space-lg);
}

.dcos-download__desc {
    color: var(--dc-text-secondary, #8a8a8a);
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0 0 var(--dc-space-lg);
}

.dcos-download__form {
    margin-bottom: var(--dc-space-xl);
}

.dcos-download__input-wrap {
    display: flex;
    gap: 0;
    border: 1px solid #333;
    border-radius: 6px;
    overflow: hidden;
    transition: border-color 0.3s;
}

.dcos-download__input-wrap:focus-within {
    border-color: #ff6e00;
}

.dcos-download__input {
    flex: 1;
    padding: 12px 16px;
    background: #1a1a1a;
    border: none;
    color: #e8e8e8;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.9rem;
    outline: none;
}

.dcos-download__input::placeholder {
    color: #555;
}

.dcos-download__btn {
    border-radius: 0;
    flex-shrink: 0;
}

.dcos-download__toast {
    margin-top: var(--dc-space-md);
    padding: 10px 16px;
    background: rgba(16,185,129,0.1);
    border: 1px solid rgba(16,185,129,0.3);
    border-radius: 6px;
    color: #10b981;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.85rem;
}

.dcos-download__terminal {
    text-align: left;
    padding: var(--dc-space-md);
    background: #0a0a0a;
    border: 1px solid #2a2a2a;
    border-radius: 6px;
}

.dcos-download__terminal code {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8rem;
    line-height: 1.8;
    color: #e8e8e8;
}


/* ══════════════════════════════════════════════
   FUND THE FUTURE
   ══════════════════════════════════════════════ */

.dcos-fund {
    padding: var(--dc-space-4xl) 0;
    background: var(--dc-bg-secondary, #1e1e2e);
}

.dcos-fund__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--dc-space-2xl);
    align-items: center;
}

.dcos-fund__text p {
    color: var(--dc-text-secondary, #9ca3af);
    line-height: 1.7;
    margin: 0 0 var(--dc-space-md);
}

.dcos-fund__highlight {
    color: #ff6e00 !important;
    font-weight: 600;
    font-size: 1.05rem;
}

.dcos-fund__comparison {
    display: flex;
    flex-direction: column;
    gap: var(--dc-space-md);
}

.dcos-fund__bar {
    display: grid;
    grid-template-columns: 120px 1fr 80px;
    gap: var(--dc-space-sm);
    align-items: center;
}

.dcos-fund__bar-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8rem;
    color: var(--dc-text-secondary, #8a8a8a);
    text-align: right;
}

.dcos-fund__bar-label--dcent {
    color: #ff6e00;
    font-weight: 700;
}

.dcos-fund__bar-track {
    height: 28px;
    background: #0a0a0a;
    border-radius: 4px;
    border: 1px solid #333;
    overflow: hidden;
}

.dcos-fund__bar-fill {
    height: 100%;
    border-radius: 3px;
    transition: width 1s ease;
}

.dcos-fund__bar-fill--competitor {
    background: linear-gradient(90deg, #dc2626, #ef4444);
}

.dcos-fund__bar-fill--dcent {
    background: linear-gradient(90deg, #10b981, #34d399);
}

.dcos-fund__bar-value {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.85rem;
    font-weight: 700;
    color: #ef4444;
}

.dcos-fund__bar-value--dcent {
    color: #10b981;
    font-size: 0.75rem;
}

@media (max-width: 768px) {
    .dcos-fund__inner {
        grid-template-columns: 1fr;
    }

    .dcos-fund__bar {
        grid-template-columns: 90px 1fr 70px;
    }
}


/* ══════════════════════════════════════════════
   FAQ
   ══════════════════════════════════════════════ */

.dcos-faq {
    padding: var(--dc-space-4xl) 0;
    background: var(--dc-bg-primary, #0d0d0d);
}


/* ══════════════════════════════════════════════
   SECTION 10: CTA
   ══════════════════════════════════════════════ */

.dcos-cta {
    padding: var(--dc-space-4xl) 0;
    background: linear-gradient(135deg, rgba(255,110,0,0.08), rgba(255,110,0,0.02));
    border-top: 1px solid rgba(255,110,0,0.2);
}

.dcos-cta__inner {
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
}

.dcos-cta__title {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: clamp(1.8rem, 4vw, 2.5rem);
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 var(--dc-space-md);
    text-transform: uppercase;
}

.dcos-cta__desc {
    color: var(--dc-text-secondary, #8a8a8a);
    font-size: 1.05rem;
    line-height: 1.6;
    margin: 0 0 var(--dc-space-xl);
}

.dcos-cta__buttons {
    display: flex;
    gap: var(--dc-space-md);
    justify-content: center;
    flex-wrap: wrap;
}


/* ══════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════ */

@media (max-width: 768px) {
    .dcos-hero {
        min-height: 70vh;
        padding: var(--dc-space-2xl) 0;
    }

    .dcos-intro__grid {
        grid-template-columns: 1fr;
    }

    .dcos-intro__stats {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .dcos-stat-card {
        flex: 1 1 calc(50% - var(--dc-space-md));
        min-width: 0;
    }

    .dcos-features__grid {
        grid-template-columns: 1fr;
    }

    .dcos-features__full-grid {
        grid-template-columns: 1fr;
    }

    .dcos-modes__grid {
        grid-template-columns: 1fr;
    }

    .dcos-hardware__grid {
        grid-template-columns: 1fr;
    }

    .dcos-stack__diagram,
    .dcos-pid__diagram,
    .dcos-hal__diagram {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .dcos-svg {
        min-width: 600px;
    }
}

@media (max-width: 480px) {
    .dcos-stat-card {
        flex: 1 1 100%;
    }

    .dcos-hero__terminal {
        font-size: 0.75rem;
    }

    .dcos-download__input-wrap {
        flex-direction: column;
    }

    .dcos-download__btn {
        border-radius: 0 0 6px 6px;
    }
}


/* ══════════════════════════════════════════════
   REDUCED MOTION
   ══════════════════════════════════════════════ */

@media (prefers-reduced-motion: reduce) {
    .dcos-hero__badge-dot {
        animation: none;
    }

    .dcos-term-cursor {
        animation: none;
        opacity: 1;
    }

    .dcos-connector {
        stroke-dashoffset: 0 !important;
        transition: none !important;
    }

    .dcos-hex,
    .dcos-pid-node,
    .dcos-pid-arrow,
    .dcos-hal-layer,
    .dcos-chip-node {
        opacity: 1 !important;
        transition: none !important;
    }

    .dcos-feature-card {
        transition: none;
    }

    .dcos-stat-card {
        transition: none;
    }
}