:root {
    /* =========================
       COLORS
       ========================= */
    --ap-bg-dark: #0f1420;
    --ap-bg-darker: #121826;
    --ap-bg-panel: rgba(255,255,255,0.04);

    --ap-border: rgba(255,255,255,0.08);
    --ap-border-strong: rgba(255,255,255,0.10);

    --ap-text: #ffffff;
    --ap-text-soft: rgba(255,255,255,0.86);
    --ap-text-muted: rgba(255,255,255,0.74);
    --ap-text-dim: rgba(255,255,255,0.68);

    --ap-blue: #93c5fd;
    --ap-green: #22c55e;
    --ap-cyan: #38bdf8;
    --ap-mint: #00ff9f;
    --ap-gold: #fbbf24;

    /* =========================
       SPACING
       ========================= */
    --ap-space-xs: 6px;
    --ap-space-sm: 8px;
    --ap-space-md: 12px;
    --ap-space-lg: 16px;
    --ap-space-xl: 20px;
    --ap-space-2xl: 24px;
    --ap-space-3xl: 28px;
    --ap-space-4xl: 32px;

    /* =========================
       RADIUS
       ========================= */
    --ap-radius-sm: 6px;
    --ap-radius-md: 10px;
    --ap-radius-lg: 18px;
    --ap-radius-xl: 24px;
    --ap-radius-pill: 999px;

    /* =========================
       SHADOWS
       ========================= */
    --ap-shadow-sm: 0 8px 20px rgba(0,0,0,0.14);
    --ap-shadow-md: 0 12px 30px rgba(0,0,0,0.18);
    --ap-shadow-lg: 0 16px 36px rgba(0,0,0,0.28);

    /* =========================
       TYPOGRAPHY
       ========================= */
    --ap-text-xs: 0.78rem;
    --ap-text-sm: 0.82rem;
    --ap-text-md: 0.95rem;
    --ap-text-lg: 1.05rem;
    --ap-text-xl: 1.35rem;

    /* =========================
       MOTION
       ========================= */
    --ap-speed-fast: 0.2s;
    --ap-speed-normal: 0.3s;
    --ap-ease: ease;
}

.ap-section-heading {
    max-width: 820px;
    margin-bottom: var(--ap-space-xl, 20px);
}

.ap-section-heading h2 {
    margin: 0 0 var(--ap-space-sm, 8px);
    line-height: 1.12;
}

.ap-section-heading p {
    color: var(--ap-text-muted, rgba(255,255,255,0.74));
}

.ap-eyebrow {
    font-size: var(--ap-text-sm, 0.82rem);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--ap-blue, #93c5fd);
    font-weight: 800;
    margin-bottom: var(--ap-space-sm, 8px);
}

@media (max-width: 920px) {
    .ast-container,
    .site-content .ast-container {
        width: min(100% - 24px, 1280px) !important;
    }
}

@media (max-width: 640px) {
    .ast-container,
    .site-content .ast-container {
        width: min(100% - 18px, 1280px) !important;
    }
}