.dlp-page { background: var(--landing-bg, #0a0a0f); min-height: calc(100vh - 64px); padding-bottom: 96px; }
    .dlp-hero { padding: 96px 24px 56px; text-align: center; border-bottom: 1px solid var(--iso-card-border, #1E293B); }
    .dlp-hero-inner { max-width: 760px; margin: 0 auto; }
    .dlp-hero h1 {
        font-family: 'Oswald', sans-serif;
        font-size: clamp(2rem, 5vw, 3rem);
        font-weight: 700;
        color: var(--iso-text, #E2E8F0);
        margin: 0 0 14px;
        letter-spacing: -.02em;
    }
    .dlp-hero p {
        font-size: 1.05rem;
        color: var(--iso-muted, #94a3b8);
        margin: 0;
        line-height: 1.55;
    }

    .dlp-section { padding: 56px 24px 0; max-width: 1200px; margin: 0 auto; }
    .dlp-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
        gap: 20px;
    }
    .dlp-card {
        background: var(--iso-card-bg, #1A1A2E);
        border: 1px solid var(--iso-card-border, #1E293B);
        border-radius: 14px;
        padding: 28px;
        display: flex;
        flex-direction: column;
        gap: 14px;
        transition: border-color .2s, transform .2s, box-shadow .2s;
    }
    .dlp-card:hover {
        transform: translateY(-3px);
        border-color: rgba(0,180,216,.45);
        box-shadow: 0 10px 26px rgba(0,180,216,.10);
    }
    .dlp-card-icon {
        width: 52px; height: 52px;
        border-radius: 12px;
        background: linear-gradient(135deg, #00b4d8, #0096b8);
        display: flex; align-items: center; justify-content: center;
        color: #fff;
        box-shadow: 0 2px 10px rgba(0,180,216,.30);
    }
    .dlp-card h2 {
        font-family: 'Oswald', sans-serif;
        font-size: 1.35rem;
        font-weight: 700;
        margin: 0;
        color: var(--iso-text, #E2E8F0);
        letter-spacing: -.01em;
    }
    .dlp-card-desc {
        color: var(--iso-muted, #94a3b8);
        font-size: .92rem;
        line-height: 1.55;
        margin: 0;
        flex: 1;
    }
    .dlp-meta {
        display: flex; flex-wrap: wrap; gap: 8px; align-items: center;
        font-size: .78rem; color: var(--iso-muted-light, #64748b);
        font-family: 'Inter', sans-serif;
    }
    .dlp-pill {
        padding: 3px 10px;
        border-radius: 999px;
        font-family: 'Oswald', sans-serif;
        font-weight: 600;
        font-size: .72rem;
        text-transform: uppercase;
        letter-spacing: .05em;
    }
    .dlp-pill-version { background: rgba(0,180,216,.12); color: #38bdf8; }
    .dlp-pill-platform { background: rgba(167,139,250,.14); color: #c4b5fd; }
    .dlp-pill-soon { background: rgba(251,191,36,.14); color: #fbbf24; }
    .dlp-meta .sep { opacity: .35; }

    .dlp-actions { display: flex; gap: 10px; margin-top: 4px; }
    .dlp-btn {
        display: inline-flex; align-items: center; justify-content: center;
        gap: 8px;
        padding: 11px 18px;
        border-radius: 10px;
        font-family: 'Oswald', sans-serif;
        font-size: .88rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .05em;
        text-decoration: none;
        transition: transform .15s, box-shadow .15s, border-color .15s, color .15s;
    }
    .dlp-btn-primary {
        flex: 1;
        background: linear-gradient(135deg, #00b4d8, #0096b8);
        color: #fff;
        border: 1px solid transparent;
    }
    .dlp-btn-primary:hover {
        transform: translateY(-1px);
        box-shadow: 0 8px 18px rgba(0,180,216,.30);
        color: #fff;
    }
    .dlp-btn-secondary {
        background: transparent;
        color: var(--iso-muted, #94a3b8);
        border: 1px solid var(--iso-card-border, #1E293B);
    }
    .dlp-btn-secondary:hover {
        border-color: #38bdf8;
        color: #38bdf8;
    }
    .dlp-empty {
        text-align: center; padding: 72px 24px;
        color: var(--iso-muted, #94a3b8); font-size: 1rem;
    }

    [data-theme="light"] .dlp-page { background: #f8fafc; }
    [data-theme="light"] .dlp-card { background: #ffffff; border-color: #e2e8f0; }
    [data-theme="light"] .dlp-card h2 { color: #0f172a; }
    [data-theme="light"] .dlp-card-desc { color: #475569; }
    [data-theme="light"] .dlp-hero h1 { color: #0f172a; }
    [data-theme="light"] .dlp-hero p { color: #475569; }
    [data-theme="light"] .dlp-hero { border-color: #e2e8f0; }