/*
 * Daktem Public CSS Asset
 * Purpose: future home for public landing, auth, legal, support, and shared public UI CSS.
 * Migration status: prepared only. Existing Blade style tags are not moved in this step.
 */

/* DAKTEM ERROR 404 CSS MIGRATION V1 */
body.dkt-error-page.dkt-error-404 { color-scheme: dark; }body.dkt-error-page.dkt-error-404 {
            margin: 0;
            min-height: 100vh;
            display: grid;
            place-items: center;
            background: #07080a;
            color: #f4f4f5;
            font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        }body.dkt-error-page.dkt-error-404 .card {
            width: min(92vw, 560px);
            border: 1px solid rgba(255,255,255,.10);
            background: #101114;
            padding: 34px;
            box-shadow: 0 22px 70px rgba(0,0,0,.35);
        }body.dkt-error-page.dkt-error-404 .mark {
            width: 46px;
            height: 46px;
            display: grid;
            place-items: center;
            border: 1px solid rgba(255,255,255,.14);
            background: #17181c;
            font-weight: 800;
            letter-spacing: -.04em;
            margin-bottom: 22px;
        }body.dkt-error-page.dkt-error-404 .eyebrow {
            color: #a1a1aa;
            text-transform: uppercase;
            letter-spacing: .18em;
            font-size: 12px;
            margin-bottom: 10px;
        }body.dkt-error-page.dkt-error-404 h1 {
            margin: 0 0 12px;
            font-size: clamp(34px, 7vw, 64px);
            line-height: .92;
            letter-spacing: -.06em;
        }body.dkt-error-page.dkt-error-404 p {
            margin: 0 0 24px;
            color: #c4c4cc;
            line-height: 1.7;
        }body.dkt-error-page.dkt-error-404 a {
            display: inline-flex;
            align-items: center;
            text-decoration: none;
            color: #fff;
            border: 1px solid rgba(255,255,255,.16);
            padding: 12px 16px;
            background: #18191d;
            font-weight: 700;
        }

/* DAKTEM ERROR 419 CSS MIGRATION V1 */
body.dkt-error-page.dkt-error-419 { color-scheme: dark; }body.dkt-error-page.dkt-error-419 {
            margin: 0;
            min-height: 100vh;
            display: grid;
            place-items: center;
            background: #07080a;
            color: #f4f4f5;
            font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        }body.dkt-error-page.dkt-error-419 .card {
            width: min(92vw, 560px);
            border: 1px solid rgba(255,255,255,.10);
            background: #101114;
            padding: 34px;
            box-shadow: 0 22px 70px rgba(0,0,0,.35);
        }body.dkt-error-page.dkt-error-419 .mark {
            width: 46px;
            height: 46px;
            display: grid;
            place-items: center;
            border: 1px solid rgba(255,255,255,.14);
            background: #17181c;
            font-weight: 800;
            letter-spacing: -.04em;
            margin-bottom: 22px;
        }body.dkt-error-page.dkt-error-419 .eyebrow {
            color: #a1a1aa;
            text-transform: uppercase;
            letter-spacing: .18em;
            font-size: 12px;
            margin-bottom: 10px;
        }body.dkt-error-page.dkt-error-419 h1 {
            margin: 0 0 12px;
            font-size: clamp(34px, 7vw, 64px);
            line-height: .92;
            letter-spacing: -.06em;
        }body.dkt-error-page.dkt-error-419 p {
            margin: 0 0 24px;
            color: #c4c4cc;
            line-height: 1.7;
        }body.dkt-error-page.dkt-error-419 a {
            display: inline-flex;
            align-items: center;
            text-decoration: none;
            color: #fff;
            border: 1px solid rgba(255,255,255,.16);
            padding: 12px 16px;
            background: #18191d;
            font-weight: 700;
        }

/* DAKTEM LEGAL SUPPORT CSS MIGRATION V1 */
.dkt-public-legal {
    min-height: 100vh;
    background: #292A2C;
    color: rgba(255,255,255,.90);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.dkt-legal-shell {
    width: min(1080px, calc(100% - 32px));
    margin: 0 auto;
    padding: 32px 0 56px;
}

.dkt-legal-topbar {
    min-height: 68px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border-bottom: 1px solid rgba(255,255,255,.075);
}

.dkt-legal-brand {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 950;
    letter-spacing: -.03em;
}

.dkt-legal-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.dkt-legal-nav a,
.dkt-legal-btn {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 13px;
    border: 1px solid rgba(255,255,255,.075);
    color: rgba(255,255,255,.82);
    text-decoration: none;
    font-size: 12px;
    font-weight: 850;
}

.dkt-legal-nav a:hover,
.dkt-legal-btn:hover {
    border-color: rgba(255,255,255,.14);
    background: #303134;
}

.dkt-legal-hero {
    padding: 56px 0 28px;
    display: grid;
    gap: 14px;
}

.dkt-legal-kicker {
    color: #DB0A6F;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.dkt-legal-title {
    max-width: 850px;
    margin: 0;
    color: #fff;
    font-size: clamp(36px, 6vw, 72px);
    line-height: .92;
    letter-spacing: -.065em;
    font-weight: 950;
}

.dkt-legal-subtitle {
    max-width: 720px;
    margin: 0;
    color: rgba(255,255,255,.62);
    line-height: 1.7;
    font-size: 15px;
}

.dkt-legal-grid {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.dkt-legal-side,
.dkt-legal-content {
    border: 1px solid rgba(255,255,255,.075);
    background: #1F2022;
}

.dkt-legal-side {
    position: sticky;
    top: 20px;
    padding: 18px;
    display: grid;
    gap: 10px;
}

.dkt-legal-side strong {
    color: #fff;
    font-size: 13px;
}

.dkt-legal-side p {
    margin: 0;
    color: rgba(255,255,255,.58);
    font-size: 12px;
    line-height: 1.6;
}

.dkt-legal-content {
    padding: 28px;
}

.dkt-legal-section {
    padding: 22px 0;
    border-bottom: 1px solid rgba(255,255,255,.075);
}

.dkt-legal-section:first-child {
    padding-top: 0;
}

.dkt-legal-section:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.dkt-legal-section h2 {
    margin: 0 0 10px;
    color: #fff;
    font-size: 22px;
    letter-spacing: -.03em;
}

.dkt-legal-section p,
.dkt-legal-section li {
    color: rgba(255,255,255,.68);
    line-height: 1.75;
    font-size: 14px;
}

.dkt-legal-section ul {
    margin: 10px 0 0;
    padding-left: 20px;
}

.dkt-legal-note {
    margin-top: 18px;
    padding: 14px;
    border: 1px solid rgba(219, 10, 111, .30);
    background: rgba(219, 10, 111, .10);
    color: rgba(255,255,255,.78);
    font-size: 13px;
    line-height: 1.7;
}

.dkt-legal-footer {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,.075);
    color: rgba(255,255,255,.48);
    font-size: 12px;
}

@media (max-width: 860px) {
    .dkt-legal-topbar,
    .dkt-legal-grid {
        grid-template-columns: 1fr;
    }

    .dkt-legal-topbar {
        align-items: flex-start;
        flex-direction: column;
        padding: 18px 0;
    }

    .dkt-legal-side {
        position: static;
    }

    .dkt-legal-content {
        padding: 20px;
    }
}

/* DAKTEM APP LAYOUT CSS MIGRATION V1 */
:root {
            --dkt-bg: #292A2C;
            --dkt-surface: #1F2022;
            --dkt-hover: #303134;
            --dkt-accent: #DB0A6F;
            --dkt-border: rgba(255,255,255,.075);
            --dkt-border-strong: rgba(255,255,255,.115);
            --dkt-text: #F4F4F5;
            --dkt-muted: rgba(244,244,245,.64);
            --dkt-soft: rgba(244,244,245,.42);
            --dkt-danger: #F87171;
            --dkt-success: #34D399;
            --dkt-warning: #DB0A6F;
        }

        * {
            box-sizing: border-box;
        }

        html,
        body {
            min-height: 100%;
        }

        body {
            margin: 0;
            background: var(--dkt-bg);
            color: var(--dkt-text);
            font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
            letter-spacing: .01em;
        }

        a {
            color: inherit;
            text-decoration: none;
        }

        button,
        input {
            font: inherit;
        }

        .dkt-app-shell {
            min-height: 100vh;
            background: var(--dkt-bg);
            color: var(--dkt-text);
        }

        .dkt-app-grid {
            min-height: 100vh;
            display: grid;
            grid-template-columns: 292px minmax(0, 1fr);
        }

        .dkt-app-main {
            min-width: 0;
            border-left: 1px solid var(--dkt-border);
        }

        .dkt-app-topbar {
            min-height: 92px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 24px;
            padding: 24px 34px;
            border-bottom: 1px solid var(--dkt-border);
            background: var(--dkt-bg);
        }

        .dkt-app-content {
            padding: 34px;
        }

        .dkt-default-heading-eyebrow,
        .dkt-page-eyebrow {
            margin: 0 0 8px;
            color: var(--dkt-accent);
            font-size: 11px;
            font-weight: 900;
            letter-spacing: .24em;
            text-transform: uppercase;
        }

        .dkt-default-heading-title,
        .dkt-page-title {
            margin: 0;
            color: var(--dkt-text);
            font-size: clamp(28px, 4vw, 54px);
            line-height: .96;
            font-weight: 950;
            letter-spacing: -.055em;
        }

        .dkt-page-description {
            max-width: 680px;
            margin: 14px 0 0;
            color: var(--dkt-muted);
            font-size: 14px;
            line-height: 1.8;
        }

        .dkt-topbar-actions {
            display: flex;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap;
            justify-content: flex-end;
        }

        .dkt-topbar-link,
        .dkt-btn-muted,
        .dkt-btn-primary,
        .dkt-btn-danger {
            min-height: 42px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            border: 1px solid var(--dkt-border);
            padding: 0 15px;
            font-size: 12px;
            font-weight: 900;
            letter-spacing: -.02em;
            cursor: pointer;
            transition: background .16s ease, border-color .16s ease, color .16s ease;
        }

        .dkt-topbar-link,
        .dkt-btn-muted {
            background: var(--dkt-surface);
            color: var(--dkt-text);
        }

        .dkt-topbar-link:hover,
        .dkt-btn-muted:hover {
            background: var(--dkt-hover);
            border-color: var(--dkt-border-strong);
        }

        .dkt-btn-primary {
            background: var(--dkt-accent);
            border-color: var(--dkt-accent);
            color: #fff;
        }

        .dkt-btn-primary:hover {
            background: #7645df;
            border-color: #7645df;
        }

        .dkt-btn-danger {
            background: rgba(248,113,113,.12);
            border-color: rgba(248,113,113,.32);
            color: #FCA5A5;
        }

        .dkt-btn-danger:hover {
            background: rgba(248,113,113,.18);
            border-color: rgba(248,113,113,.48);
        }

        .dkt-sidebar {
            min-height: 100vh;
            background: #1B1C1E;
            padding: 28px 22px;
            display: flex;
            flex-direction: column;
            gap: 28px;
        }

        .dkt-sidebar-brand {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .dkt-sidebar-logo {
            width: 43px;
            height: 43px;
            display: grid;
            place-items: center;
            border: 1px solid rgba(219, 10, 111, .42);
            color: #fff;
            font-size: 15px;
            font-weight: 950;
            background: rgba(219, 10, 111, .08);
        }

        .dkt-sidebar-name {
            color: var(--dkt-text);
            font-size: 13px;
            font-weight: 950;
            letter-spacing: .02em;
        }

        .dkt-sidebar-subtitle {
            margin-top: 3px;
            color: var(--dkt-muted);
            font-size: 11px;
            font-weight: 800;
        }

        .dkt-sidebar-section-label {
            margin: 0 0 10px;
            color: var(--dkt-soft);
            font-size: 10px;
            font-weight: 950;
            letter-spacing: .22em;
            text-transform: uppercase;
        }

        .dkt-sidebar-links {
            display: grid;
            gap: 7px;
        }

        .dkt-sidebar-link,
        .dkt-sidebar-logout {
            width: 100%;
            min-height: 42px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            border: 1px solid transparent;
            background: transparent;
            color: var(--dkt-muted);
            padding: 0 12px;
            font-size: 12px;
            font-weight: 900;
            text-align: left;
            cursor: pointer;
            transition: background .16s ease, border-color .16s ease, color .16s ease;
        }

        .dkt-sidebar-link:hover,
        .dkt-sidebar-logout:hover,
        .dkt-sidebar-link.is-active {
            background: var(--dkt-surface);
            border-color: var(--dkt-border);
            color: var(--dkt-text);
        }

        .dkt-sidebar-link.is-active::after {
            content: "";
            width: 7px;
            height: 7px;
            background: var(--dkt-accent);
        }

        .dkt-sidebar-account {
            margin-top: auto;
            border: 1px solid var(--dkt-border);
            background: var(--dkt-surface);
            padding: 14px;
        }

        .dkt-sidebar-account-name {
            margin: 0;
            color: var(--dkt-text);
            font-size: 13px;
            font-weight: 950;
            letter-spacing: -.02em;
            word-break: break-word;
        }

        .dkt-sidebar-account-email {
            margin: 5px 0 12px;
            color: var(--dkt-muted);
            font-size: 11px;
            line-height: 1.5;
            word-break: break-word;
        }

        .dkt-profile-page {
            display: grid;
            gap: 22px;
        }

        .dkt-profile-hero {
            border: 1px solid var(--dkt-border);
            background: var(--dkt-surface);
            padding: 24px;
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 22px;
            align-items: center;
        }

        .dkt-profile-hero-kicker {
            margin: 0 0 8px;
            color: var(--dkt-accent);
            font-size: 11px;
            font-weight: 950;
            letter-spacing: .22em;
            text-transform: uppercase;
        }

        .dkt-profile-hero-title {
            margin: 0;
            color: var(--dkt-text);
            font-size: clamp(24px, 3vw, 38px);
            line-height: 1;
            font-weight: 950;
            letter-spacing: -.045em;
        }

        .dkt-profile-hero-text {
            max-width: 720px;
            margin: 12px 0 0;
            color: var(--dkt-muted);
            font-size: 13px;
            line-height: 1.8;
        }

        .dkt-profile-state {
            border: 1px solid var(--dkt-border);
            background: #242527;
            padding: 15px;
            min-width: 220px;
        }

        .dkt-profile-state-label {
            margin: 0 0 5px;
            color: var(--dkt-soft);
            font-size: 10px;
            font-weight: 950;
            letter-spacing: .18em;
            text-transform: uppercase;
        }

        .dkt-profile-state-value {
            margin: 0;
            color: var(--dkt-text);
            font-size: 13px;
            font-weight: 950;
            word-break: break-word;
        }

        .dkt-profile-grid {
            display: grid;
            grid-template-columns: minmax(0, 1fr);
            gap: 18px;
            max-width: 980px;
        }

        .dkt-profile-card {
            border: 1px solid var(--dkt-border);
            background: var(--dkt-surface);
            padding: 24px;
        }

        .dkt-profile-card:hover {
            border-color: var(--dkt-border-strong);
        }

        .dkt-profile-card-danger {
            border-color: rgba(248,113,113,.24);
        }

        .dkt-card-header {
            margin-bottom: 22px;
        }

        .dkt-card-title {
            margin: 0;
            color: var(--dkt-text);
            font-size: 18px;
            line-height: 1.2;
            font-weight: 950;
            letter-spacing: -.035em;
        }

        .dkt-card-description {
            margin: 8px 0 0;
            color: var(--dkt-muted);
            font-size: 13px;
            line-height: 1.7;
        }

        .dkt-form-grid {
            display: grid;
            gap: 18px;
        }

        .dkt-field {
            display: grid;
            gap: 8px;
        }

        .dkt-label {
            color: var(--dkt-soft);
            font-size: 11px;
            font-weight: 950;
            letter-spacing: .16em;
            text-transform: uppercase;
        }

        .dkt-input {
            width: 100%;
            min-height: 48px;
            border: 1px solid var(--dkt-border);
            background: #262729;
            color: var(--dkt-text);
            padding: 0 14px;
            outline: none;
            transition: border-color .16s ease, background .16s ease;
        }

        .dkt-input:focus {
            background: var(--dkt-hover);
            border-color: rgba(219, 10, 111, .55);
        }

        .dkt-error {
            margin: 8px 0 0;
            color: #FCA5A5;
            font-size: 12px;
            line-height: 1.5;
        }

        .dkt-success {
            margin: 0;
            color: var(--dkt-success);
            font-size: 12px;
            font-weight: 850;
        }

        .dkt-muted-note {
            margin: 0;
            color: var(--dkt-muted);
            font-size: 12px;
            line-height: 1.7;
        }

        .dkt-inline-action {
            display: inline-flex;
            border: 0;
            background: transparent;
            color: var(--dkt-accent);
            padding: 0;
            cursor: pointer;
            font-size: 12px;
            font-weight: 950;
            text-decoration: underline;
            text-underline-offset: 4px;
        }

        .dkt-form-actions {
            display: flex;
            align-items: center;
            gap: 12px;
            flex-wrap: wrap;
            padding-top: 4px;
        }

        .dkt-danger-panel {
            border: 1px solid rgba(248,113,113,.24);
            background: rgba(248,113,113,.07);
            padding: 16px;
            display: grid;
            gap: 14px;
        }

        @media (max-width: 980px) {
            .dkt-app-grid {
                grid-template-columns: 1fr;
            }

            .dkt-app-main {
                border-left: 0;
                border-top: 1px solid var(--dkt-border);
            }

            .dkt-sidebar {
                min-height: auto;
            }

            .dkt-app-topbar {
                align-items: flex-start;
                flex-direction: column;
                padding: 24px;
            }

            .dkt-app-content {
                padding: 24px;
            }

            .dkt-profile-hero {
                grid-template-columns: 1fr;
            }

            .dkt-profile-state {
                min-width: 0;
            }
        }

/* DAKTEM PUBLIC LANDING CSS MIGRATION V1 */
:root {
 --dkl-bg: #17181b;
 --dkl-bg-soft: #1d1f23;
 --dkl-panel: #202328;
 --dkl-panel-2: #252931;
 --dkl-border: rgba(255, 255, 255, 0.08);
 --dkl-border-strong: rgba(255, 255, 255, 0.14);
 --dkl-text: #f7f7f4;
 --dkl-text-soft: #c5cad1;
 --dkl-text-muted: #939aa5;
 --dkl-ruby: #e00067;
 --dkl-ruby-soft: rgba(224, 0, 103, 0.16);
 --dkl-success: #9de7bf;
 --dkl-shadow: 0 22px 50px rgba(0, 0, 0, 0.35);
 --dkl-container: 1240px;
 --dkl-radius: 0;
 }

 * {
 box-sizing: border-box;
 }

 html {
 scroll-behavior: smooth;
 }

 body {
 margin: 0;
 min-width: 320px;
 background:
 radial-gradient(circle at 12% 12%, rgba(224, 0, 103, 0.12), transparent 28%),
 radial-gradient(circle at 88% 18%, rgba(224, 0, 103, 0.08), transparent 22%),
 linear-gradient(180deg, #17181b 0%, #1a1c20 100%);
 color: var(--dkl-text);
 font-family: "Open Sans", sans-serif;
 line-height: 1.65;
 overflow-x: hidden;
 }

 body::before {
 content: "";
 position: fixed;
 inset: 0;
 pointer-events: none;
 background-image:
 linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
 linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
 background-size: 44px 44px;
 mask-image: linear-gradient(180deg, rgba(0,0,0,0.65), transparent 92%);
 opacity: 0.45;
 }

 a {
 color: inherit;
 text-decoration: none;
 }

 img {
 max-width: 100%;
 display: block;
 }

 h1, h2, h3, h4, h5, h6,
 .dkl-display,
 .dkl-brand,
 .dkl-button,
 .dkl-pill,
 .dkl-section-kicker,
 .dkl-plan-price,
 .dkl-hero-metric-value {
 font-family: "Poppins", sans-serif;
 }

 .dkl-shell {
 position: relative;
 z-index: 2;
 }

 .dkl-container {
 width: min(var(--dkl-container), calc(100% - 48px));
 margin: 0 auto;
 }

 .dkl-topbar {
 position: sticky;
 top: 0;
 z-index: 50;
 backdrop-filter: blur(12px);
 background: rgba(23, 24, 27, 0.82);
 border-bottom: 1px solid var(--dkl-border);
 }

 .dkl-topbar-inner {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 24px;
 min-height: 76px;
 }

 .dkl-brand {
 display: inline-flex;
 align-items: center;
 gap: 14px;
 font-weight: 700;
 letter-spacing: 0.01em;
 }

 .dkl-brand-mark {
 width: 14px;
 height: 14px;
 background: var(--dkl-ruby);
 box-shadow: 0 0 0 5px rgba(224, 0, 103, 0.14);
 }

 .dkl-brand-copy {
 display: flex;
 flex-direction: column;
 gap: 2px;
 }

 .dkl-brand-copy strong {
 font-size: 15px;
 font-weight: 700;
 color: var(--dkl-text);
 }

 .dkl-brand-copy span {
 font-size: 11px;
 color: var(--dkl-text-muted);
 text-transform: Capitalize;
 letter-spacing: 0.08em;
 }

 .dkl-nav {
 display: inline-flex;
 align-items: center;
 gap: 24px;
 flex-wrap: wrap;
 }

 .dkl-nav a {
 font-size: 13px;
 color: var(--dkl-text-soft);
 transition: color 0.2s ease;
 }

 .dkl-nav a:hover {
 color: var(--dkl-text);
 }

 .dkl-actions {
 display: inline-flex;
 align-items: center;
 gap: 10px;
 flex-wrap: wrap;
 }

 .dkl-button {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 8px;
 min-height: 44px;
 padding: 0 18px;
 border: 1px solid var(--dkl-border-strong);
 background: transparent;
 color: var(--dkl-text);
 font-size: 13px;
 font-weight: 600;
 transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;
 cursor: pointer;
 }

 .dkl-button:hover {
 transform: translateY(-1px);
 border-color: rgba(255, 255, 255, 0.22);
 }

 .dkl-button-primary {
 background: var(--dkl-ruby);
 border-color: var(--dkl-ruby);
 box-shadow: 0 16px 30px rgba(224, 0, 103, 0.24);
 }

 .dkl-button-primary:hover {
 background: #f00070;
 border-color: #f00070;
 }

 .dkl-section {
 padding: 34px 0 0;
 }

 .dkl-section-block {
 border: 1px solid var(--dkl-border);
 background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
 box-shadow: var(--dkl-shadow);
 }

 .dkl-hero {
 padding-top: 22px;
 }

 .dkl-hero-panel {
 position: relative;
 overflow: hidden;
 padding: 26px;
 }

 .dkl-hero-panel::before {
 content: "";
 position: absolute;
 inset: auto -18% -28% auto;
 width: 420px;
 height: 420px;
 border-radius: 50%;
 background: radial-gradient(circle, rgba(224, 0, 103, 0.16), transparent 66%);
 animation: dklFloatGlow 8s ease-in-out infinite alternate;
 pointer-events: none;
 }

 @keyframes dklFloatGlow {
 from { transform: translate3d(0, 0, 0) scale(1); }
 to { transform: translate3d(-16px, -24px, 0) scale(1.08); }
 }

 .dkl-hero-grid {
 position: relative;
 display: grid;
 grid-template-columns: minmax(0, 1.1fr) minmax(420px, 0.9fr);
 gap: 22px;
 }

 .dkl-hero-copy {
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 min-height: 100%;
 border: 1px solid var(--dkl-border);
 background: rgba(16, 18, 21, 0.62);
 padding: 26px;
 }

 .dkl-section-kicker {
 display: inline-flex;
 align-items: center;
 gap: 10px;
 margin-bottom: 18px;
 color: var(--dkl-text-muted);
 font-size: 11px;
 font-weight: 700;
 letter-spacing: 0.18em;
 text-transform: Capitalize;
 }

 .dkl-section-kicker::before {
 content: "";
 width: 3px;
 height: 36px;
 background: var(--dkl-ruby);
 display: inline-block;
 }

 .dkl-hero-title {
 margin: 0;
 max-width: 720px;
 font-size: clamp(42px, 6.2vw, 74px);
 line-height: 0.96;
 letter-spacing: -0.045em;
 font-weight: 700;
 }

 .dkl-hero-title .dkl-highlight {
 color: #ffffff;
 text-decoration: underline;
 text-decoration-thickness: 3px;
 text-decoration-color: rgba(224, 0, 103, 0.76);
 text-underline-offset: 6px;
 }

 .dkl-hero-text {
 max-width: 720px;
 margin: 20px 0 0;
 color: var(--dkl-text-soft);
 font-size: 15px;
 }

 .dkl-hero-actions {
 display: flex;
 gap: 12px;
 flex-wrap: wrap;
 margin-top: 28px;
 }

 .dkl-hero-pills {
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 10px;
 margin-top: 28px;
 }

 .dkl-pill {
 border: 1px solid var(--dkl-border);
 background: rgba(255,255,255,0.02);
 min-height: 84px;
 padding: 16px;
 }

 .dkl-pill-label {
 display: block;
 color: var(--dkl-text-muted);
 font-size: 10px;
 letter-spacing: 0.16em;
 text-transform: Capitalize;
 margin-bottom: 8px;
 }

 .dkl-pill-value {
 display: block;
 font-size: 18px;
 line-height: 1.2;
 font-weight: 600;
 color: var(--dkl-text);
 }

 .dkl-hero-visual {
 display: grid;
 grid-template-rows: auto auto;
 gap: 14px;
 }

.dkl-command-head {
 display: flex;
 justify-content: space-between;
 gap: 14px;
 align-items: flex-start;
 margin-bottom: 16px;
 }

 .dkl-command-head h3 {
 margin: 0;
 font-size: 16px;
 font-weight: 700;
 }

 .dkl-command-head p {
 margin: 4px 0 0;
 font-size: 12px;
 color: var(--dkl-text-muted);
 }

 .dkl-status-badge {
 display: inline-flex;
 align-items: center;
 gap: 6px;
 min-height: 32px;
 padding: 0 12px;
 border: 1px solid rgba(224, 0, 103, 0.4);
 background: rgba(224, 0, 103, 0.14);
 color: var(--dkl-text);
 font-size: 11px;
 font-weight: 700;
 text-transform: Capitalize;
 }

.dkl-hero-metric {
 border: 1px solid var(--dkl-border);
 background: rgba(255, 255, 255, 0.02);
 min-height: 92px;
 padding: 14px;
 }

 .dkl-hero-metric-label {
 display: block;
 color: var(--dkl-text-muted);
 font-size: 10px;
 letter-spacing: 0.16em;
 text-transform: Capitalize;
 margin-bottom: 10px;
 }

 .dkl-hero-metric-value {
 display: block;
 font-size: 28px;
 line-height: 1;
 font-weight: 700;
 margin-bottom: 8px;
 }

 .dkl-hero-metric-text {
 display: block;
 color: var(--dkl-text-soft);
 font-size: 12px;
 line-height: 1.5;
 }

 .dkl-ops-list {
 display: grid;
 gap: 8px;
 }

 .dkl-ops-row {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 14px;
 border: 1px solid var(--dkl-border);
 padding: 12px 14px;
 background: rgba(255, 255, 255, 0.02);
 }

 .dkl-ops-title {
 font-size: 13px;
 font-weight: 600;
 margin: 0 0 4px;
 }

 .dkl-ops-text {
 font-size: 11px;
 color: var(--dkl-text-muted);
 margin: 0;
 }

 .dkl-ops-state {
 min-width: 74px;
 text-align: center;
 font-size: 10px;
 font-weight: 700;
 letter-spacing: 0.14em;
 text-transform: Capitalize;
 color: var(--dkl-text);
 border: 1px solid var(--dkl-border);
 padding: 8px 10px;
 background: rgba(224, 0, 103, 0.12);
 }

.dkl-strip-label {
 display: block;
 color: var(--dkl-text-muted);
 font-size: 10px;
 letter-spacing: 0.16em;
 text-transform: Capitalize;
 margin-bottom: 8px;
 }

 .dkl-strip-text {
 margin: 0;
 font-size: 13px;
 line-height: 1.55;
 color: var(--dkl-text);
 }

 .dkl-section-head {
 display: flex;
 align-items: end;
 justify-content: space-between;
 gap: 24px;
 margin-bottom: 22px;
 }

 .dkl-section-head h2 {
 margin: 0;
 font-size: clamp(30px, 4vw, 54px);
 line-height: 1.02;
 letter-spacing: -0.035em;
 }

 .dkl-section-head p {
 max-width: 760px;
 margin: 14px 0 0;
 font-size: 14px;
 color: var(--dkl-text-soft);
 }

 .dkl-section-chipline {
 display: flex;
 justify-content: flex-end;
 gap: 8px;
 flex-wrap: wrap;
 align-self: flex-start;
 }

 .dkl-chip {
 display: inline-flex;
 align-items: center;
 min-height: 34px;
 padding: 0 12px;
 border: 1px solid var(--dkl-border);
 background: rgba(255,255,255,0.03);
 font-size: 11px;
 color: var(--dkl-text-soft);
 text-transform: Capitalize;
 }

 .dkl-features-grid,
 .dkl-discipline-grid,
 .dkl-coverage-grid {
 display: grid;
 gap: 14px;
 }

 .dkl-features-grid {
 grid-template-columns: repeat(3, minmax(0, 1fr));
 }

 .dkl-coverage-grid {
 grid-template-columns: repeat(4, minmax(0, 1fr));
 }

 .dkl-discipline-grid {
 grid-template-columns: repeat(4, minmax(0, 1fr));
 }

 .dkl-card {
 padding: 20px;
 min-height: 100%;
 }

 .dkl-card-kicker {
 display: block;
 color: var(--dkl-text-muted);
 font-size: 10px;
 text-transform: Capitalize;
 letter-spacing: 0.16em;
 margin-bottom: 10px;
 }

 .dkl-card h3 {
 margin: 0 0 10px;
 font-size: 22px;
 line-height: 1.1;
 font-weight: 700;
 }

 .dkl-card p {
 margin: 0;
 font-size: 13px;
 color: var(--dkl-text-soft);
 }

 .dkl-journey-wrap {
 display: grid;
 grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
 gap: 14px;
 }

 .dkl-step-list {
 display: grid;
 gap: 10px;
 }

 .dkl-step {
 display: grid;
 grid-template-columns: 46px minmax(0, 1fr);
 gap: 14px;
 align-items: start;
 padding: 18px;
 border: 1px solid var(--dkl-border);
 background: rgba(255, 255, 255, 0.02);
 }

 .dkl-step-index {
 width: 34px;
 height: 34px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 border: 1px solid rgba(224, 0, 103, 0.35);
 background: rgba(224, 0, 103, 0.14);
 color: #fff;
 font-size: 12px;
 font-weight: 700;
 }

 .dkl-step h4 {
 margin: 0 0 6px;
 font-size: 16px;
 line-height: 1.2;
 }

 .dkl-step p {
 margin: 0;
 font-size: 13px;
 color: var(--dkl-text-soft);
 }

 .dkl-pricing-panel {
 padding: 24px;
 }

 .dkl-pricing-head {
 display: flex;
 align-items: end;
 justify-content: space-between;
 gap: 24px;
 margin-bottom: 20px;
 }

 .dkl-pricing-head h2 {
 margin: 0;
 font-size: clamp(28px, 4vw, 50px);
 line-height: 1.03;
 letter-spacing: -0.03em;
 }

 .dkl-pricing-head p {
 margin: 14px 0 0;
 max-width: 720px;
 font-size: 14px;
 color: var(--dkl-text-soft);
 }

 .dkl-pricing-grid {
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 14px;
 margin-bottom: 14px;
 }

 .dkl-plan {
 position: relative;
 display: flex;
 flex-direction: column;
 padding: 22px;
 min-height: 100%;
 }

 .dkl-plan-featured {
 border-color: rgba(224, 0, 103, 0.42);
 box-shadow: inset 0 0 0 1px rgba(224, 0, 103, 0.22);
 }

 .dkl-plan-ribbon {
 position: absolute;
 top: 14px;
 right: 14px;
 display: inline-flex;
 align-items: center;
 min-height: 28px;
 padding: 0 10px;
 background: rgba(224, 0, 103, 0.18);
 border: 1px solid rgba(224, 0, 103, 0.38);
 color: #fff;
 font-size: 10px;
 font-weight: 700;
 text-transform: Capitalize;
 letter-spacing: 0.14em;
 }

 .dkl-plan-name {
 margin: 0;
 font-size: 24px;
 line-height: 1.08;
 font-weight: 700;
 }

 .dkl-plan-subtitle {
 margin: 10px 0 0;
 font-size: 13px;
 color: var(--dkl-text-soft);
 min-height: 46px;
 }

 .dkl-plan-price {
 display: flex;
 align-items: end;
 gap: 8px;
 margin-top: 18px;
 }

 .dkl-plan-price strong {
 font-size: 46px;
 line-height: 0.9;
 font-weight: 700;
 letter-spacing: -0.04em;
 }

 .dkl-plan-price span {
 font-size: 14px;
 color: var(--dkl-text-soft);
 padding-bottom: 6px;
 }

 .dkl-plan-note {
 margin-top: 10px;
 font-size: 12px;
 color: var(--dkl-text-muted);
 }

 .dkl-plan-list {
 margin: 18px 0 0;
 padding: 0;
 list-style: none;
 display: grid;
 gap: 10px;
 }

 .dkl-plan-list li {
 position: relative;
 padding-left: 16px;
 color: var(--dkl-text-soft);
 font-size: 13px;
 }

 .dkl-plan-list li::before {
 content: "";
 position: absolute;
 top: 9px;
 left: 0;
 width: 6px;
 height: 6px;
 background: var(--dkl-ruby);
 }

 .dkl-plan-spacer {
 flex: 1 1 auto;
 }

 .dkl-plan .dkl-button {
 width: 100%;
 margin-top: 18px;
 }

 .dkl-compare {
 overflow: hidden;
 }

 .dkl-compare table {
 width: 100%;
 border-collapse: collapse;
 }

 .dkl-compare th,
 .dkl-compare td {
 padding: 14px 16px;
 border-right: 1px solid var(--dkl-border);
 border-bottom: 1px solid var(--dkl-border);
 text-align: left;
 font-size: 13px;
 }

 .dkl-compare th:last-child,
 .dkl-compare td:last-child {
 border-right: 0;
 }

 .dkl-compare tr:last-child td {
 border-bottom: 0;
 }

 .dkl-compare thead th {
 background: rgba(255, 255, 255, 0.03);
 font-family: "Poppins", sans-serif;
 font-size: 13px;
 font-weight: 600;
 }

 .dkl-faq {
 display: grid;
 gap: 10px;
 }

 .dkl-faq details {
 padding: 0;
 }

 .dkl-faq summary {
 position: relative;
 list-style: none;
 cursor: pointer;
 padding: 18px 22px;
 font-family: "Poppins", sans-serif;
 font-size: 16px;
 font-weight: 600;
 }

 .dkl-faq summary::-webkit-details-marker {
 display: none;
 }

 .dkl-faq summary::after {
 content: "+";
 position: absolute;
 right: 22px;
 top: 50%;
 transform: translateY(-50%);
 font-size: 20px;
 color: var(--dkl-text-muted);
 }

 .dkl-faq details[open] summary::after {
 content: "−";
 }

 .dkl-faq-body {
 padding: 0 22px 18px;
 color: var(--dkl-text-soft);
 font-size: 13px;
 max-width: 940px;
 }

 .dkl-cta-band {
 display: grid;
 grid-template-columns: minmax(0, 1fr) auto;
 gap: 24px;
 align-items: center;
 padding: 28px;
 margin-top: 14px;
 }

 .dkl-cta-band h2 {
 margin: 0;
 font-size: clamp(28px, 3.7vw, 48px);
 line-height: 1.04;
 letter-spacing: -0.03em;
 }

 .dkl-cta-band p {
 margin: 12px 0 0;
 font-size: 14px;
 color: var(--dkl-text-soft);
 max-width: 760px;
 }

 .dkl-footband {
 display: grid;
 grid-template-columns: 1.2fr 1fr auto;
 gap: 24px;
 align-items: start;
 padding: 24px;
 margin-top: 14px;
 }

 .dkl-footband p,
 .dkl-footband a {
 font-size: 13px;
 color: var(--dkl-text-soft);
 }

 .dkl-foot-links {
 display: grid;
 gap: 8px;
 }

 .dkl-bottom-note {
 margin-top: 18px;
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 18px;
 color: var(--dkl-text-muted);
 font-size: 11px;
 text-transform: Capitalize;
 }

 .dkl-reveal {
 opacity: 0;
 transform: translateY(28px);
 transition: opacity 0.7s ease, transform 0.7s ease;
 }

 .dkl-reveal.is-visible {
 opacity: 1;
 transform: translateY(0);
 }

 @media (max-width: 1180px) {
 .dkl-hero-grid,
 .dkl-journey-wrap,
 .dkl-pricing-grid,
 .dkl-features-grid,
 .dkl-discipline-grid,
 .dkl-coverage-grid,
 .dkl-footband,
 .dkl-cta-band {
 grid-template-columns: 1fr;
 }

.dkl-hero-pills {
 grid-template-columns: 1fr;
 }

 .dkl-topbar-inner {
 flex-wrap: wrap;
 padding: 14px 0;
 }
 }

 @media (max-width: 900px) {
 .dkl-container {
 width: min(var(--dkl-container), calc(100% - 26px));
 }

 .dkl-nav {
 display: none;
 }

 .dkl-hero-panel {
 padding: 14px;
 }

.dkl-section-head,
 .dkl-pricing-head {
 align-items: start;
 flex-direction: column;
 }

 .dkl-actions {
 width: 100%;
 }

 .dkl-actions .dkl-button {
 flex: 1 1 auto;
 }

 .dkl-compare {
 overflow-x: auto;
 }
 }
 
 /* Daktem Public Landing Cinematic Hero V2 */
 .dkl-cinematic-canvas {
 position: fixed;
 inset: 0;
 width: 100vw;
 height: 100vh;
 pointer-events: none;
 z-index: 0;
 opacity: .72;
 mix-blend-mode: screen;
 }

 .dkl-shell {
 position: relative;
 z-index: 2;
 }

 .dkl-topbar {
 z-index: 20;
 }

 .dkl-hero {
 min-height: calc(100vh - 78px);
 display: flex;
 align-items: stretch;
 }

 .dkl-hero .dkl-container {
 display: flex;
 align-items: stretch;
 }

 .dkl-cinematic-hero {
 width: 100%;
 min-height: calc(100vh - 126px);
 display: flex;
 align-items: stretch;
 isolation: isolate;
 border-color: rgba(224, 0, 103, .24);
 background:
 linear-gradient(112deg, rgba(16, 18, 21, .92) 0%, rgba(16, 18, 21, .74) 42%, rgba(224, 0, 103, .10) 100%),
 radial-gradient(circle at 78% 18%, rgba(224, 0, 103, .18), transparent 32%),
 radial-gradient(circle at 22% 88%, rgba(255,255,255,.045), transparent 28%);
 box-shadow:
 0 34px 90px rgba(0, 0, 0, .42),
 inset 0 0 0 1px rgba(255,255,255,.025);
 }

 .dkl-cinematic-hero::before {
 content: "";
 position: absolute;
 inset: 0;
 z-index: -2;
 background:
 linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
 linear-gradient(180deg, rgba(255,255,255,.03) 1px, transparent 1px);
 background-size: 72px 72px;
 mask-image: radial-gradient(circle at 65% 45%, #000 0%, rgba(0,0,0,.66) 38%, transparent 76%);
 opacity: .55;
 }

 .dkl-cinematic-hero::after {
 content: "";
 position: absolute;
 left: 26px;
 right: 26px;
 bottom: 24px;
 height: 1px;
 z-index: -1;
 background: linear-gradient(90deg, transparent, rgba(224, 0, 103, .82), rgba(255,255,255,.18), transparent);
 animation: dklHeroSignal 5.8s ease-in-out infinite;
 }

 @keyframes dklHeroSignal {
 0%, 100% { opacity: .35; transform: scaleX(.72); }
 50% { opacity: .95; transform: scaleX(1); }
 }

 .dkl-cinematic-label {
 position: absolute;
 top: 22px;
 right: 22px;
 z-index: 3;
 display: inline-flex;
 align-items: center;
 min-height: 34px;
 padding: 0 12px;
 border: 1px solid rgba(224, 0, 103, .36);
 background: rgba(224, 0, 103, .13);
 color: #fff;
 font-family: "Poppins", sans-serif;
 font-size: 10px;
 font-weight: 700;
 letter-spacing: .12em;
 text-transform: uppercase;
 }

 .dkl-cinematic-hero .dkl-hero-grid {
 width: 100%;
 align-items: center;
 grid-template-columns: minmax(0, .92fr) minmax(460px, 1.08fr);
 gap: 24px;
 }

 .dkl-cinematic-hero .dkl-hero-copy {
 min-height: auto;
 border-color: transparent;
 background: transparent;
 padding: clamp(28px, 4vw, 48px);
 }

 .dkl-cinematic-hero .dkl-hero-title {
 max-width: 840px;
 font-size: clamp(48px, 6.6vw, 86px);
 letter-spacing: -.055em;
 }

 .dkl-cinematic-hero .dkl-hero-text {
 max-width: 760px;
 color: rgba(247, 247, 244, .78);
 font-size: 15.5px;
 line-height: 1.9;
 }

 .dkl-cinematic-hero .dkl-hero-visual {
 transform: perspective(1200px) rotateY(-3deg);
 transform-origin: center;
 filter: drop-shadow(0 30px 70px rgba(0, 0, 0, .40));
 }

.dkl-cinematic-hero .dkl-hero-metric {
 position: relative;
 overflow: hidden;
 }

 .dkl-cinematic-hero .dkl-hero-metric::before {
 content: "";
 position: absolute;
 left: 0;
 top: 16px;
 bottom: 16px;
 width: 2px;
 background: var(--dkl-ruby);
 }

.dkl-cinematic-hero .dkl-section-kicker {
 color: rgba(247, 247, 244, .68);
 }

 .dkl-cinematic-hero .dkl-section-kicker::before {
 height: 46px;
 box-shadow: 0 0 24px rgba(224, 0, 103, .45);
 }

 .dkl-cinematic-hero .dkl-button-primary {
 box-shadow: 0 18px 42px rgba(224, 0, 103, .34);
 }

 @media (max-width: 1180px) {
 .dkl-cinematic-hero {
 min-height: auto;
 }

 .dkl-cinematic-hero .dkl-hero-grid {
 grid-template-columns: 1fr;
 }

 .dkl-cinematic-hero .dkl-hero-visual {
 transform: none;
 }

 .dkl-cinematic-label {
 position: static;
 margin: 0 0 14px 0;
 }
 }

 @media (prefers-reduced-motion: reduce) {
 .dkl-cinematic-canvas {
 display: none;
 }

 .dkl-cinematic-hero::after {
 animation: none;
 }
 }
 /* End Daktem Public Landing Cinematic Hero V2 */

 
 /* Daktem Public Landing Color Atmosphere Balance V3 */
 :root {
 --dkl-bg: #1f2024;
 --dkl-bg-soft: #24262b;
 --dkl-panel: #272a30;
 --dkl-panel-2: #2b2f36;
 --dkl-border: rgba(255, 255, 255, 0.105);
 --dkl-border-strong: rgba(255, 255, 255, 0.18);
 --dkl-text: #fbfbf8;
 --dkl-text-soft: #d4d8df;
 --dkl-text-muted: #a8afba;
 --dkl-ruby: #d70768;
 --dkl-ruby-soft: rgba(215, 7, 104, 0.18);
 }

 body {
 background:
 radial-gradient(circle at 50% -10%, rgba(215, 7, 104, 0.22), transparent 34%),
 radial-gradient(circle at 8% 18%, rgba(215, 7, 104, 0.14), transparent 28%),
 radial-gradient(circle at 92% 24%, rgba(215, 7, 104, 0.11), transparent 30%),
 radial-gradient(circle at 50% 72%, rgba(255,255,255,0.035), transparent 36%),
 linear-gradient(180deg, #202127 0%, #25272d 38%, #1f2024 100%) !important;
 }

 body::before {
 opacity: 0.62;
 }

 .dkl-cinematic-canvas {
 opacity: .86 !important;
 }

 .dkl-topbar {
 background:
 linear-gradient(90deg, rgba(31, 32, 36, .94), rgba(42, 30, 40, .92), rgba(31, 32, 36, .94)) !important;
 border-bottom-color: rgba(215, 7, 104, .18) !important;
 }

 .dkl-section-block,

.dkl-cinematic-hero {
 background:
 radial-gradient(circle at 76% 20%, rgba(215, 7, 104, .30), transparent 36%),
 radial-gradient(circle at 24% 72%, rgba(215, 7, 104, .16), transparent 34%),
 linear-gradient(112deg, rgba(34, 36, 42, .96) 0%, rgba(38, 40, 47, .91) 46%, rgba(71, 35, 58, .82) 100%) !important;
 border-color: rgba(215, 7, 104, .34) !important;
 box-shadow:
 0 34px 90px rgba(0, 0, 0, .34),
 0 0 90px rgba(215, 7, 104, .10),
 inset 0 0 0 1px rgba(255,255,255,.045) !important;
 }

 .dkl-cinematic-hero::before {
 opacity: .72 !important;
 }

 .dkl-cinematic-hero::after {
 background: linear-gradient(90deg, transparent, rgba(215, 7, 104, .95), rgba(255,255,255,.25), transparent) !important;
 }

 .dkl-cinematic-hero .dkl-hero-copy {
 background:
 linear-gradient(180deg, rgba(28, 30, 36, .34), rgba(28, 30, 36, .12)) !important;
 border-color: rgba(255, 255, 255, .06) !important;
 }

.dkl-cinematic-hero .dkl-hero-metric,
 .dkl-cinematic-hero .dkl-ops-row,
 .dkl-pill,
 .dkl-step {
 background: rgba(255, 255, 255, .038) !important;
 }

 .dkl-section {
 position: relative;
 }

 .dkl-section:not(.dkl-hero)::before {
 content: "";
 position: absolute;
 left: 50%;
 top: 17px;
 width: min(1020px, calc(100% - 80px));
 height: 1px;
 transform: translateX(-50%);
 background: linear-gradient(90deg, transparent, rgba(215, 7, 104, .28), transparent);
 pointer-events: none;
 }

 .dkl-plan-featured {
 background:
 radial-gradient(circle at 80% 0%, rgba(215, 7, 104, .20), transparent 38%),
 linear-gradient(180deg, rgba(49, 42, 52, .94), rgba(35, 37, 43, .96)) !important;
 border-color: rgba(215, 7, 104, .58) !important;
 box-shadow:
 0 26px 70px rgba(0, 0, 0, .28),
 0 0 70px rgba(215, 7, 104, .13),
 inset 0 0 0 1px rgba(215, 7, 104, .22) !important;
 }

 .dkl-button-primary {
 background: #d70768 !important;
 border-color: #d70768 !important;
 box-shadow:
 0 18px 42px rgba(215, 7, 104, .32),
 0 0 0 1px rgba(255,255,255,.04) inset !important;
 }

 .dkl-button-primary:hover {
 background: #ea0872 !important;
 border-color: #ea0872 !important;
 }

 .dkl-brand-mark,
 .dkl-section-kicker::before,
 .dkl-step-index,
 .dkl-plan-list li::before {
 box-shadow: 0 0 24px rgba(215, 7, 104, .28);
 }

 .dkl-card h3,
 .dkl-section-head h2,
 .dkl-pricing-head h2,
 .dkl-cta-band h2,
 .dkl-hero-title {
 text-shadow: 0 12px 34px rgba(0, 0, 0, .24);
 }

 .dkl-card p,
 .dkl-step p,
 .dkl-section-head p,
 .dkl-pricing-head p,
 .dkl-hero-text,
 .dkl-faq-body,
 .dkl-plan-subtitle,
 .dkl-plan-list li {
 color: rgba(230, 234, 240, .78) !important;
 }

 .dkl-card-kicker,
 .dkl-section-kicker,
 .dkl-hero-metric-label,
 .dkl-pill-label,
 .dkl-strip-label {
 color: rgba(230, 234, 240, .58) !important;
 }

 .dkl-cta-band {
 background:
 radial-gradient(circle at 90% 20%, rgba(215, 7, 104, .22), transparent 34%),
 linear-gradient(180deg, rgba(44, 39, 49, .96), rgba(32, 34, 39, .96)) !important;
 border-color: rgba(215, 7, 104, .32) !important;
 }

 @media (max-width: 900px) {
 .dkl-section:not(.dkl-hero)::before {
 width: calc(100% - 36px);
 }
 }
 /* End Daktem Public Landing Color Atmosphere Balance V3 */

 
 /* Daktem Public Landing Dark Ruby Headline Accent V4 */
 :root {
 --dkl-bg: #17181b;
 --dkl-bg-soft: #1d1f23;
 --dkl-panel: #202228;
 --dkl-panel-2: #23262d;
 --dkl-border: rgba(255, 255, 255, 0.09);
 --dkl-border-strong: rgba(255, 255, 255, 0.15);
 --dkl-ruby: #d70768;
 --dkl-ruby-soft: rgba(215, 7, 104, 0.16);
 }

 body {
 background:
 radial-gradient(circle at 50% -10%, rgba(215, 7, 104, 0.15), transparent 32%),
 radial-gradient(circle at 9% 18%, rgba(215, 7, 104, 0.09), transparent 27%),
 radial-gradient(circle at 92% 24%, rgba(215, 7, 104, 0.075), transparent 30%),
 linear-gradient(180deg, #17181b 0%, #1b1d22 38%, #17181b 100%) !important;
 }

 .dkl-topbar {
 background:
 linear-gradient(90deg, rgba(20, 21, 24, .96), rgba(28, 22, 29, .94), rgba(20, 21, 24, .96)) !important;
 border-bottom-color: rgba(215, 7, 104, .16) !important;
 }

 .dkl-section-block,

.dkl-cinematic-hero {
 background:
 radial-gradient(circle at 76% 20%, rgba(215, 7, 104, .23), transparent 36%),
 radial-gradient(circle at 24% 72%, rgba(215, 7, 104, .11), transparent 34%),
 linear-gradient(112deg, rgba(22, 23, 27, .98) 0%, rgba(25, 27, 32, .95) 47%, rgba(48, 25, 39, .86) 100%) !important;
 border-color: rgba(215, 7, 104, .30) !important;
 box-shadow:
 0 34px 90px rgba(0, 0, 0, .42),
 0 0 80px rgba(215, 7, 104, .09),
 inset 0 0 0 1px rgba(255,255,255,.035) !important;
 }

.dkl-cinematic-hero .dkl-hero-metric,
 .dkl-cinematic-hero .dkl-ops-row,
 .dkl-pill,
 .dkl-step {
 background: rgba(255, 255, 255, .026) !important;
 }

 .dkl-ruby-word {
 color: var(--dkl-ruby);
 text-decoration: none;
 text-shadow:
 0 0 28px rgba(215, 7, 104, .30),
 0 10px 26px rgba(0, 0, 0, .22);
 white-space: normal;
 }

 .dkl-hero-title .dkl-ruby-word {
 color: #fff;
 text-decoration: underline;
 text-decoration-thickness: 3px;
 text-underline-offset: 7px;
 text-decoration-color: var(--dkl-ruby);
 text-shadow:
 0 0 30px rgba(215, 7, 104, .24),
 0 12px 30px rgba(0, 0, 0, .28);
 }

 .dkl-section-head h2 .dkl-ruby-word,
 .dkl-pricing-head h2 .dkl-ruby-word,
 .dkl-cta-band h2 .dkl-ruby-word {
 color: var(--dkl-ruby);
 }

 .dkl-plan-featured {
 background:
 radial-gradient(circle at 80% 0%, rgba(215, 7, 104, .18), transparent 38%),
 linear-gradient(180deg, rgba(35, 31, 39, .97), rgba(22, 24, 29, .98)) !important;
 border-color: rgba(215, 7, 104, .52) !important;
 }

 .dkl-cta-band {
 background:
 radial-gradient(circle at 90% 20%, rgba(215, 7, 104, .18), transparent 34%),
 linear-gradient(180deg, rgba(32, 27, 35, .97), rgba(20, 22, 26, .98)) !important;
 border-color: rgba(215, 7, 104, .30) !important;
 }

 .dkl-card p,
 .dkl-step p,
 .dkl-section-head p,
 .dkl-pricing-head p,
 .dkl-hero-text,
 .dkl-faq-body,
 .dkl-plan-subtitle,
 .dkl-plan-list li {
 color: rgba(224, 229, 236, .76) !important;
 }

 .dkl-card-kicker,
 .dkl-section-kicker,
 .dkl-hero-metric-label,
 .dkl-pill-label,
 .dkl-strip-label {
 color: rgba(224, 229, 236, .54) !important;
 }

 .dkl-cinematic-canvas {
 opacity: .74 !important;
 }

 /* End Daktem Public Landing Dark Ruby Headline Accent V4 */

 
 /* Daktem Public Landing Copy Cleanup V1 */
 .dkl-section-head,
 .dkl-pricing-head {
 align-items: flex-start !important;
 }

 .dkl-section-head > div:first-child,
 .dkl-pricing-head > div:first-child {
 max-width: 980px;
 }

 .dkl-section-head p,
 .dkl-pricing-head p,
 .dkl-hero-text,
 .dkl-card p,
 .dkl-step p,
 .dkl-plan-subtitle,
 .dkl-faq-body {
 max-width: 980px;
 }

 .dkl-footband .opacity-60:empty,
 .dkl-footband .opacity-70:empty,
 .dkl-footband .opacity-80:empty {
 display: none !important;
 }
 /* End Daktem Public Landing Copy Cleanup V1 */

/* DAKTEM LANDING HERO FINAL BALANCE CLEAN V1 */
/* Purpose: clean final hero balance without image/SVG/network visual additions. */
@media (min-width: 981px) {
    .dkl-section.dkl-hero .dkl-section-block.dkl-hero-panel.dkl-cinematic-hero.dkl-one-banner-hero {
        position: relative !important;
        overflow: hidden !important;
        min-height: auto !important;
        padding: clamp(42px, 5vw, 68px) !important;
        background:
            radial-gradient(circle at 82% 18%, rgba(215, 7, 104, .12), transparent 34%),
            radial-gradient(circle at 20% 88%, rgba(215, 7, 104, .045), transparent 32%),
            linear-gradient(112deg, rgba(18, 19, 23, .99) 0%, rgba(20, 21, 27, .98) 56%, rgba(38, 20, 34, .90) 100%) !important;
    }

    .dkl-section.dkl-hero .dkl-section-block.dkl-hero-panel.dkl-cinematic-hero.dkl-one-banner-hero::after {
        display: none !important;
        content: none !important;
        background: none !important;
        opacity: 0 !important;
    }

    .dkl-section.dkl-hero .dkl-one-banner-inner {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        max-width: 940px !important;
    }

    .dkl-section.dkl-hero .dkl-hero-title.dkl-one-banner-title {
        max-width: 900px !important;
        font-size: clamp(52px, 5.4vw, 78px) !important;
        line-height: .96 !important;
        letter-spacing: -.045em !important;
        text-wrap: balance;
    }

    .dkl-section.dkl-hero .dkl-hero-title .dkl-ruby-word,
    .dkl-section.dkl-hero .dkl-hero-title .dkl-highlight {
        text-decoration-thickness: 2px !important;
        text-underline-offset: 6px !important;
        text-decoration-color: rgba(215, 7, 104, .48) !important;
        text-shadow: none !important;
    }

    .dkl-section.dkl-hero .dkl-hero-text.dkl-one-banner-text {
        max-width: 720px !important;
        margin-top: 18px !important;
        font-size: 15px !important;
        line-height: 1.72 !important;
        color: rgba(247, 247, 244, .72) !important;
        text-shadow: none !important;
    }

    .dkl-section.dkl-hero .dkl-hero-actions {
        margin-top: 24px !important;
        gap: 10px !important;
        align-items: center !important;
    }

    .dkl-section.dkl-hero .dkl-hero-actions .dkl-button-primary {
        min-height: 44px !important;
        padding-inline: 22px !important;
        box-shadow: 0 14px 34px rgba(215, 7, 104, .24) !important;
    }

    .dkl-section.dkl-hero .dkl-hero-actions .dkl-button-ghost {
        min-height: 44px !important;
        padding-inline: 18px !important;
        border-color: rgba(255, 255, 255, .15) !important;
        background: rgba(255, 255, 255, .018) !important;
    }

    .dkl-section.dkl-hero .dkl-one-banner-flow {
        position: relative !important;
        z-index: 2 !important;
        width: min(100%, 900px) !important;
        max-width: 900px !important;
        margin-top: 34px !important;
        gap: 12px !important;
    }

    .dkl-section.dkl-hero .dkl-one-banner-flow > * {
        min-height: 92px !important;
        padding: 16px 18px !important;
        background: rgba(8, 9, 12, .54) !important;
        border-color: rgba(255, 255, 255, .085) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .028) !important;
    }

    .dkl-section.dkl-hero .dkl-hero-commerce-network-v1,
    .dkl-section.dkl-hero .dkl-hero-visual-art,
    .dkl-section.dkl-hero .dkl-hero-real-visual-art,
    .dkl-section.dkl-hero .dkl-hero-real-uploaded-visual-v8,
    .dkl-section.dkl-hero .dkl-hero-real-uploaded-visual-v8 {
        display: none !important;
    }
}

@media (min-width: 720px) and (max-width: 980px) {
    .dkl-section.dkl-hero .dkl-section-block.dkl-hero-panel.dkl-cinematic-hero.dkl-one-banner-hero {
        min-height: auto !important;
        padding: 34px 28px !important;
    }

    .dkl-section.dkl-hero .dkl-one-banner-inner {
        width: 100% !important;
        max-width: 100% !important;
    }

    .dkl-section.dkl-hero .dkl-hero-title.dkl-one-banner-title {
        max-width: 780px !important;
        font-size: clamp(42px, 7.2vw, 62px) !important;
        line-height: .98 !important;
    }

    .dkl-section.dkl-hero .dkl-hero-text.dkl-one-banner-text {
        max-width: 680px !important;
    }

    .dkl-section.dkl-hero .dkl-one-banner-flow {
        width: 100% !important;
        max-width: 100% !important;
    }

    .dkl-section.dkl-hero .dkl-hero-commerce-network-v1,
    .dkl-section.dkl-hero .dkl-hero-visual-art,
    .dkl-section.dkl-hero .dkl-hero-real-visual-art,
    .dkl-section.dkl-hero .dkl-hero-real-uploaded-visual-v8 {
        display: none !important;
    }
}

@media (max-width: 719px) {
    .dkl-section.dkl-hero .dkl-hero-commerce-network-v1,
    .dkl-section.dkl-hero .dkl-hero-visual-art,
    .dkl-section.dkl-hero .dkl-hero-real-visual-art,
    .dkl-section.dkl-hero .dkl-hero-real-uploaded-visual-v8 {
        display: none !important;
    }

    .dkl-section.dkl-hero .dkl-one-banner-inner {
        width: 100% !important;
        max-width: 100% !important;
    }
}