:root {
    --dp-ink: #111322;
    --dp-muted: #5b6375;
    --dp-line: #e2e5ee;
    --dp-soft: #f5f6fa;
    --dp-dark: #080a13;
    --dp-dark-2: #0d1120;
    --dp-purple: #6846dc;
    --dp-purple-bright: #8c72ff;
    --dp-cyan: #65e8ff;
    --dp-green: #67e7ae;
    --dp-shell: 1240px;
}

.dp-home-active .main-page-wrapper,
.dp-home-active .wd-page-content {
    padding-block: 0;
    margin-block: 0;
}

.dp-home-active .content-layout-wrapper.container {
    width: 100%;
    max-width: none;
    padding: 0;
}

.dp-home-active .site-content,
.dp-home-active article.entry-content {
    width: 100%;
    max-width: none;
    padding: 0;
    margin: 0;
}

.dp-home-active .whb-header {
    position: relative;
    z-index: 120;
}

.dp-home-active .whb-general-header {
    border-color: rgba(24, 27, 45, .09);
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 10px 38px rgba(26, 29, 48, .06);
    backdrop-filter: blur(18px) saturate(150%);
    -webkit-backdrop-filter: blur(18px) saturate(150%);
}

.dp-home-active .whb-general-header-inner {
    min-height: 78px;
}

.dp-home-active .wd-header-text,
.dp-home-active .wd-header-wishlist,
.dp-home-active .whb-col-right .whb-space-element,
.dp-home-active .whb-col-right .wd-header-divider {
    display: none !important;
}

.dp-home-active .wd-header-nav .woodmart-nav-link {
    min-height: 44px;
    padding-inline: 13px;
    color: #262a3b;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .015em;
}

.dp-home-active .wd-header-nav .woodmart-nav-link:hover,
.dp-home-active .wd-header-nav .current-menu-item > .woodmart-nav-link {
    color: var(--dp-purple);
}

.dp-home-active .whb-col-right .wd-button-wrapper .btn {
    min-height: 44px;
    padding: 0 19px;
    border: 1px solid rgba(104, 70, 220, .2);
    border-radius: 12px;
    color: #fff;
    background: var(--dp-purple);
    box-shadow: 0 9px 24px rgba(104, 70, 220, .2);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: .035em;
}

.dp-home-active .whb-col-right .wd-button-wrapper .btn:hover {
    color: #fff;
    background: #5738c6;
    box-shadow: 0 11px 28px rgba(104, 70, 220, .28);
    transform: translateY(-1px);
}

.dp-modern-home,
.dp-modern-home *,
.dp-modern-home *::before,
.dp-modern-home *::after {
    box-sizing: border-box;
}

.dp-modern-home {
    width: 100%;
    overflow: clip;
    color: var(--dp-ink);
    background: #fff;
    font-family: "Lexend", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

.dp-modern-home h1,
.dp-modern-home h2,
.dp-modern-home h3,
.dp-modern-home p,
.dp-modern-home ul,
.dp-modern-home ol {
    padding: 0;
    margin-top: 0;
}

.dp-modern-home h1,
.dp-modern-home h2,
.dp-modern-home h3 {
    color: inherit;
    font-family: inherit;
    letter-spacing: -.035em;
}

.dp-modern-home a {
    text-decoration: none;
}

.dp-modern-home button,
.dp-modern-home input {
    font: inherit;
}

.dp-modern-home svg,
.dp-home-active .whb-header svg {
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    overflow: visible;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.dp-shell {
    width: min(var(--dp-shell), calc(100% - 48px));
    margin-inline: auto;
}

.dp-section {
    padding-block: 112px;
}

.dp-skip-link {
    position: fixed;
    top: 12px;
    left: 12px;
    z-index: 10000;
    padding: 12px 16px;
    border-radius: 10px;
    color: #fff !important;
    background: var(--dp-purple);
    transform: translateY(-150%);
    transition: transform .18s ease;
}

.dp-skip-link:focus {
    transform: translateY(0);
}

.dp-modern-home :is(a, button, input, summary):focus-visible,
.dp-home-active .whb-header :is(a, button):focus-visible {
    outline: 3px solid #542ec4;
    outline-offset: 4px;
    box-shadow: 0 0 0 7px #fff;
}

.dp-hero {
    --dp-pointer-x: 72%;
    --dp-pointer-y: 40%;
    position: relative;
    isolation: isolate;
    min-height: 720px;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 76% 40%, rgba(104, 70, 220, .17), transparent 31%),
        radial-gradient(circle at 15% 8%, rgba(40, 208, 233, .08), transparent 27%),
        linear-gradient(145deg, #080a13 0%, #0b0d18 56%, #0c1020 100%);
}

.dp-hero::after {
    position: absolute;
    z-index: -1;
    inset: 0;
    background: radial-gradient(520px circle at var(--dp-pointer-x) var(--dp-pointer-y), rgba(101, 232, 255, .075), transparent 65%);
    content: "";
    pointer-events: none;
}

.dp-hero__grid {
    position: absolute;
    z-index: -2;
    inset: 0;
    opacity: .48;
    background-image:
        linear-gradient(rgba(255, 255, 255, .032) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .032) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(to bottom, #000 40%, transparent 96%);
}

.dp-hero__grid::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent 0%, rgba(101, 232, 255, .1) 50%, transparent 100%);
    content: "";
    transform: translateX(-100%);
    animation: dp-scan 9s linear infinite;
}

.dp-orb {
    position: absolute;
    z-index: -1;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 999px;
    filter: blur(.2px);
    pointer-events: none;
}

.dp-orb::before {
    position: absolute;
    inset: 16%;
    border: 1px solid rgba(101, 232, 255, .12);
    border-radius: inherit;
    content: "";
}

.dp-orb--one {
    top: 60px;
    right: -170px;
    width: 430px;
    height: 430px;
    animation: dp-drift 16s ease-in-out infinite alternate;
}

.dp-orb--two {
    bottom: -200px;
    left: 42%;
    width: 390px;
    height: 390px;
    animation: dp-drift 19s ease-in-out -5s infinite alternate-reverse;
}

.dp-hero__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(480px, .98fr);
    align-items: center;
    gap: clamp(56px, 7vw, 100px);
    min-height: 720px;
    padding-block: 82px 92px;
}

.dp-hero__copy {
    position: relative;
    z-index: 2;
    max-width: 650px;
}

.dp-eyebrow,
.dp-kicker {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
    color: var(--dp-purple);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .15em;
    line-height: 1.4;
    text-transform: uppercase;
}

.dp-eyebrow {
    color: #c6ccdc;
}

.dp-eyebrow__dot {
    position: relative;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--dp-green);
    box-shadow: 0 0 0 5px rgba(103, 231, 174, .11), 0 0 22px rgba(103, 231, 174, .45);
}

.dp-eyebrow__dot::after {
    position: absolute;
    inset: -7px;
    border: 1px solid rgba(103, 231, 174, .32);
    border-radius: inherit;
    content: "";
    animation: dp-pulse 2.4s ease-out infinite;
}

.dp-hero h1 {
    max-width: 700px;
    margin-bottom: 28px;
    color: #fff;
    font-size: clamp(56px, 6.2vw, 86px);
    font-weight: 750;
    letter-spacing: -.065em;
    line-height: .98;
}

.dp-hero h1 span {
    color: transparent;
    background: linear-gradient(98deg, var(--dp-cyan) 0%, #b9aaff 72%);
    -webkit-background-clip: text;
    background-clip: text;
}

.dp-hero__lead {
    max-width: 610px;
    margin-bottom: 34px;
    color: #b8c0d1;
    font-size: clamp(17px, 1.55vw, 20px);
    line-height: 1.7;
}

.dp-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 13px;
}

.dp-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 54px;
    padding: 0 24px;
    border: 1px solid transparent;
    border-radius: 14px;
    font-size: 14px;
    font-weight: 750;
    letter-spacing: -.01em;
    transition: color .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.dp-button svg,
.dp-text-link svg,
.dp-product-card__link svg,
.dp-usecase__copy a svg,
.dp-faq__intro a svg {
    transition: transform .2s ease;
}

.dp-button:hover svg,
.dp-text-link:hover svg,
.dp-product-card__link:hover svg,
.dp-usecase__copy a:hover svg,
.dp-faq__intro a:hover svg {
    transform: translateX(3px);
}

.dp-button--primary {
    color: #fff !important;
    background: var(--dp-purple);
    box-shadow: 0 14px 34px rgba(104, 70, 220, .28), inset 0 1px rgba(255, 255, 255, .15);
}

.dp-button--primary:hover {
    color: #fff !important;
    background: #7957e7;
    box-shadow: 0 18px 42px rgba(104, 70, 220, .37), inset 0 1px rgba(255, 255, 255, .18);
    transform: translateY(-2px);
}

.dp-button--ghost {
    border-color: rgba(255, 255, 255, .16);
    color: #eef1fa !important;
    background: rgba(255, 255, 255, .055);
    backdrop-filter: blur(10px);
}

.dp-button--ghost:hover {
    border-color: rgba(101, 232, 255, .42);
    color: #fff !important;
    background: rgba(101, 232, 255, .08);
    transform: translateY(-2px);
}

.dp-button--light {
    color: var(--dp-purple) !important;
    background: #fff;
    box-shadow: 0 14px 36px rgba(34, 18, 96, .18);
}

.dp-button--light:hover {
    color: #4f30bb !important;
    background: #f9f8ff;
    transform: translateY(-2px);
}

.dp-hero__proof {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 22px;
    margin: 30px 0 0;
    color: #929caf;
    font-size: 12px;
    font-weight: 600;
    list-style: none;
}

.dp-hero__proof li {
    display: flex;
    align-items: center;
    gap: 7px;
}

.dp-hero__proof svg {
    width: 16px;
    height: 16px;
    color: var(--dp-green);
}

.dp-command {
    position: relative;
    min-width: 0;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(21, 27, 48, .91), rgba(10, 13, 24, .91));
    box-shadow: 0 36px 100px rgba(0, 0, 0, .36), inset 0 1px rgba(255, 255, 255, .06);
    backdrop-filter: blur(18px);
    transform: perspective(1200px) rotateY(-4deg) rotateX(1.5deg);
    transform-style: preserve-3d;
}

.dp-command::before {
    position: absolute;
    z-index: -1;
    inset: -1px;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(101, 232, 255, .17), transparent 34%, transparent 65%, rgba(140, 114, 255, .16));
    content: "";
    opacity: .7;
    filter: blur(14px);
}

.dp-command__bar {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    min-height: 55px;
    padding: 0 18px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    color: #788397;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 9px;
    letter-spacing: .11em;
}

.dp-command__lights {
    display: flex;
    gap: 6px;
}

.dp-command__lights i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #343b4f;
}

.dp-command__lights i:nth-child(1) { background: #fd6b77; }
.dp-command__lights i:nth-child(2) { background: #f6c454; }
.dp-command__lights i:nth-child(3) { background: var(--dp-green); }

.dp-command__status {
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--dp-green);
}

.dp-command__status i,
.dp-release__foot i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 12px currentColor;
}

.dp-command__body {
    position: relative;
    padding: clamp(22px, 3vw, 34px);
}

.dp-command__label {
    margin-bottom: 20px;
    color: #7f8a9e;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 10px;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.dp-command__flow {
    display: grid;
    grid-template-columns: 1fr 28px 1fr 28px 1fr;
    align-items: center;
}

.dp-command__flow > i {
    position: relative;
    height: 1px;
    overflow: hidden;
    background: rgba(101, 232, 255, .22);
}

.dp-command__flow > i::after {
    position: absolute;
    top: -2px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--dp-cyan);
    box-shadow: 0 0 10px var(--dp-cyan);
    content: "";
    animation: dp-flow 2.8s linear infinite;
}

.dp-command__node {
    min-width: 0;
    min-height: 105px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 15px;
    background: rgba(255, 255, 255, .035);
}

.dp-command__node.is-active {
    border-color: rgba(101, 232, 255, .25);
    background: linear-gradient(145deg, rgba(101, 232, 255, .08), rgba(104, 70, 220, .06));
}

.dp-command__node span {
    display: block;
    margin-bottom: 14px;
    color: var(--dp-cyan);
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 9px;
}

.dp-command__node strong,
.dp-command__node small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dp-command__node strong {
    color: #f6f8fc;
    font-size: 12px;
}

.dp-command__node small {
    margin-top: 4px;
    color: #798397;
    font-size: 9px;
}

.dp-command__metrics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 26px;
}

.dp-command__metrics > div {
    padding: 15px;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 13px;
    background: rgba(2, 4, 10, .24);
}

.dp-command__metrics span,
.dp-command__metrics strong,
.dp-command__metrics small {
    display: block;
}

.dp-command__metrics span {
    color: #687288;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 8px;
    letter-spacing: .12em;
}

.dp-command__metrics strong {
    margin-block: 7px 2px;
    color: #fff;
    font-size: 23px;
    letter-spacing: -.04em;
}

.dp-command__metrics small {
    color: #778196;
    font-size: 8px;
}

.dp-command__log {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, .07);
    color: #768196;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 8px;
}

.dp-command__log span {
    display: flex;
    align-items: center;
    gap: 5px;
}

.dp-command__log i {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--dp-green);
}

.dp-command__float {
    position: absolute;
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 17px;
    color: #fff;
    background: rgba(17, 22, 40, .92);
    box-shadow: 0 20px 40px rgba(0, 0, 0, .35);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    backdrop-filter: blur(12px);
    animation: dp-float 5s ease-in-out infinite;
}

.dp-command__float--ai {
    top: 78px;
    right: -31px;
    color: var(--dp-cyan);
}

.dp-command__float--woo {
    bottom: 58px;
    left: -35px;
    color: #b8a9ff;
    animation-delay: -2.3s;
}

.dp-trust {
    position: relative;
    z-index: 3;
    color: #fff;
    background: #0b0e19;
    border-top: 1px solid rgba(255, 255, 255, .07);
    border-bottom: 1px solid rgba(255, 255, 255, .07);
}

.dp-trust__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.dp-stat {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 126px;
    padding: 25px 32px;
}

.dp-stat:not(:last-child)::after {
    position: absolute;
    top: 29px;
    right: 0;
    bottom: 29px;
    width: 1px;
    background: rgba(255, 255, 255, .09);
    content: "";
}

.dp-stat strong {
    margin-bottom: 5px;
    color: #fff;
    font-size: 30px;
    letter-spacing: -.05em;
}

.dp-stat span {
    color: #8f99ac;
    font-size: 11px;
    letter-spacing: .035em;
}

.dp-stat--text strong {
    color: var(--dp-cyan);
    font-size: 22px;
}

.dp-section-head {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(280px, .65fr);
    align-items: end;
    gap: 60px;
    margin-bottom: 45px;
}

.dp-section-head h2,
.dp-quality h2,
.dp-faq h2 {
    max-width: 780px;
    margin-bottom: 0;
    color: var(--dp-ink);
    font-size: clamp(40px, 4.1vw, 59px);
    font-weight: 720;
    line-height: 1.08;
}

.dp-section-head > p,
.dp-section-head > div + p {
    margin-bottom: 5px;
    color: var(--dp-muted);
    font-size: 15px;
    line-height: 1.7;
}

.dp-finder {
    background:
        radial-gradient(circle at 100% 0, rgba(104, 70, 220, .07), transparent 23%),
        var(--dp-soft);
}

.dp-search {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 13px;
    max-width: 100%;
    min-height: 68px;
    padding: 7px 8px 7px 21px;
    border: 1px solid #dfe2ec;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 35px rgba(31, 35, 58, .065);
    transition: border-color .2s ease, box-shadow .2s ease;
}

.dp-search:focus-within {
    border-color: rgba(104, 70, 220, .48);
    box-shadow: 0 15px 40px rgba(104, 70, 220, .11), 0 0 0 4px rgba(104, 70, 220, .07);
}

.dp-search__icon {
    display: grid;
    place-items: center;
    color: #777f90;
}

.dp-search__icon svg {
    width: 23px;
    height: 23px;
}

.dp-search input[type="search"] {
    width: 100%;
    min-width: 0;
    height: 52px;
    padding: 0;
    border: 0;
    outline: 0;
    color: var(--dp-ink);
    background: transparent;
    box-shadow: none;
    font-size: 16px;
}

.dp-search input[type="search"]::placeholder {
    color: #939aaa;
    opacity: 1;
}

.dp-search button {
    min-height: 51px;
    padding: 0 20px;
    border: 0;
    border-radius: 12px;
    color: #fff;
    background: var(--dp-ink);
    cursor: pointer;
    font-size: 12px;
    font-weight: 750;
    transition: background .2s ease, transform .2s ease;
}

.dp-search button:hover {
    background: var(--dp-purple);
    transform: translateY(-1px);
}

.dp-filters {
    display: flex;
    align-items: center;
    gap: 9px;
    padding-block: 24px 30px;
    overflow-x: auto;
    scrollbar-width: thin;
}

.dp-filters button {
    flex: 0 0 auto;
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid #dfe2eb;
    border-radius: 999px;
    color: #5e6576;
    background: rgba(255, 255, 255, .72);
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease;
}

.dp-filters button:hover {
    border-color: #c6bbf2;
    color: var(--dp-purple);
    transform: translateY(-1px);
}

.dp-filters button.is-active,
.dp-filters button[aria-pressed="true"] {
    border-color: var(--dp-purple);
    color: #fff;
    background: var(--dp-purple);
    box-shadow: 0 8px 18px rgba(104, 70, 220, .18);
}

.dp-filters__count {
    flex: 0 0 auto;
    margin-left: auto;
    color: #777f8f;
    font-size: 11px;
    font-weight: 650;
    white-space: nowrap;
}

.dp-products {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.dp-product-card {
    --dp-card-x: 0deg;
    --dp-card-y: 0deg;
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--dp-line);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 16px 40px rgba(31, 35, 58, .055);
    transform: perspective(1000px) rotateX(var(--dp-card-x)) rotateY(var(--dp-card-y));
    transform-style: preserve-3d;
    transition: border-color .22s ease, box-shadow .22s ease, transform .14s ease;
}

.dp-product-card[hidden] {
    display: none !important;
}

.dp-product-card:hover {
    border-color: rgba(104, 70, 220, .28);
    box-shadow: 0 26px 55px rgba(35, 27, 71, .12);
}

.dp-product-card__media {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    background: #0c1020;
}

.dp-product-card__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s cubic-bezier(.2, .7, .2, 1), filter .3s ease;
}

.dp-product-card:hover .dp-product-card__image {
    filter: saturate(1.06) contrast(1.02);
    transform: scale(1.035);
}

.dp-product-card__glow {
    position: absolute;
    inset: 0;
    background: linear-gradient(125deg, transparent 45%, rgba(101, 232, 255, .13), transparent 66%);
    transform: translateX(-100%);
    transition: transform .7s ease;
}

.dp-product-card:hover .dp-product-card__glow {
    transform: translateX(100%);
}

.dp-product-card__placeholder {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    color: var(--dp-cyan);
    font-size: 32px;
    font-weight: 800;
}

.dp-product-card__body {
    display: flex;
    flex-direction: column;
    min-height: 286px;
    padding: 24px 25px 25px;
}

.dp-product-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 17px;
}

.dp-product-card__category {
    overflow: hidden;
    color: var(--dp-purple);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .12em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.dp-product-card__price {
    flex: 0 0 auto;
    padding: 5px 8px;
    border: 1px solid #e1e5eb;
    border-radius: 7px;
    color: #434a59;
    background: #f8f9fb;
    font-size: 9px;
    font-weight: 750;
}

.dp-product-card h3 {
    margin-bottom: 11px;
    color: var(--dp-ink);
    font-size: 20px;
    font-weight: 720;
    line-height: 1.26;
}

.dp-product-card h3 a {
    color: inherit;
}

.dp-product-card h3 a:hover {
    color: var(--dp-purple);
}

.dp-product-card p {
    margin-bottom: 21px;
    color: var(--dp-muted);
    font-size: 12px;
    line-height: 1.65;
}

.dp-product-card__link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
    margin-top: auto;
    color: var(--dp-ink) !important;
    font-size: 11px;
    font-weight: 750;
}

.dp-product-card__link:hover {
    color: var(--dp-purple) !important;
}

.dp-product-card__link svg {
    width: 17px;
    height: 17px;
}

.dp-empty {
    padding: 50px 24px;
    border: 1px dashed #ccd1dd;
    border-radius: 20px;
    text-align: center;
    background: rgba(255, 255, 255, .55);
}

.dp-empty h3 {
    margin-bottom: 8px;
    font-size: 21px;
}

.dp-empty p {
    margin-bottom: 0;
    color: var(--dp-muted);
}

.dp-center {
    display: flex;
    justify-content: center;
    margin-top: 42px;
}

.dp-text-link,
.dp-usecase__copy a,
.dp-faq__intro a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--dp-purple) !important;
    font-size: 13px;
    font-weight: 750;
}

.dp-usecases {
    position: relative;
    color: #fff;
    background:
        radial-gradient(circle at 85% 20%, rgba(104, 70, 220, .17), transparent 27%),
        linear-gradient(145deg, #090b14, #0c0f1d);
}

.dp-usecases::before {
    position: absolute;
    inset: 0;
    opacity: .2;
    background-image: radial-gradient(rgba(255, 255, 255, .2) .65px, transparent .65px);
    background-size: 17px 17px;
    content: "";
    pointer-events: none;
}

.dp-usecases .dp-shell {
    position: relative;
}

.dp-section-head--dark h2 {
    color: #fff;
}

.dp-section-head--dark > p,
.dp-section-head--dark > div + p {
    color: #a5aec0;
}

.dp-usecases .dp-kicker {
    color: var(--dp-cyan);
}

.dp-tabs {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 24px;
    background: rgba(255, 255, 255, .035);
    box-shadow: 0 25px 70px rgba(0, 0, 0, .2);
    backdrop-filter: blur(12px);
}

.dp-tabs__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-bottom: 1px solid rgba(255, 255, 255, .09);
}

.dp-tabs__list button {
    position: relative;
    min-height: 66px;
    padding: 0 16px;
    border: 0;
    color: #8993a7;
    background: transparent;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    transition: color .2s ease, background .2s ease;
}

.dp-tabs__list button:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, .07);
}

.dp-tabs__list button::after {
    position: absolute;
    right: 25%;
    bottom: -1px;
    left: 25%;
    height: 2px;
    background: var(--dp-cyan);
    box-shadow: 0 0 16px rgba(101, 232, 255, .7);
    content: "";
    opacity: 0;
    transform: scaleX(.3);
    transition: opacity .2s ease, transform .2s ease;
}

.dp-tabs__list button:hover,
.dp-tabs__list button[aria-selected="true"] {
    color: #fff;
    background: rgba(255, 255, 255, .035);
}

.dp-tabs__list button[aria-selected="true"]::after {
    opacity: 1;
    transform: scaleX(1);
}

.dp-usecase__panel {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(440px, 1.1fr);
    align-items: center;
    gap: clamp(60px, 8vw, 110px);
    min-height: 350px;
    padding: clamp(40px, 5vw, 65px);
}

.dp-js .dp-usecase__panel[hidden] {
    display: none;
}

.dp-usecase__number {
    display: block;
    margin-bottom: 20px;
    color: var(--dp-cyan);
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 10px;
    letter-spacing: .13em;
}

.dp-usecase__copy h3 {
    max-width: 570px;
    margin-bottom: 18px;
    color: #fff;
    font-size: clamp(30px, 3vw, 42px);
    font-weight: 700;
    line-height: 1.13;
}

.dp-usecase__copy p {
    max-width: 560px;
    margin-bottom: 24px;
    color: #9fa8ba;
    font-size: 14px;
    line-height: 1.75;
}

.dp-usecase__copy a {
    color: var(--dp-cyan) !important;
}

.dp-flow {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 46px 1fr 46px 1fr;
    align-items: center;
}

.dp-flow span {
    display: grid;
    place-items: center;
    min-height: 100px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 16px;
    color: #dfe4ef;
    background: linear-gradient(145deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .025));
    box-shadow: inset 0 1px rgba(255, 255, 255, .05);
    text-align: center;
    font-size: 11px;
    font-weight: 700;
}

.dp-flow i {
    position: relative;
    height: 1px;
    background: linear-gradient(90deg, rgba(104, 70, 220, .5), rgba(101, 232, 255, .5));
}

.dp-flow i::after {
    position: absolute;
    top: -3px;
    right: -1px;
    width: 7px;
    height: 7px;
    border-top: 1px solid var(--dp-cyan);
    border-right: 1px solid var(--dp-cyan);
    content: "";
    transform: rotate(45deg);
}

.dp-quality {
    background: #fff;
}

.dp-quality__layout {
    display: grid;
    grid-template-columns: minmax(0, .88fr) minmax(500px, 1.12fr);
    align-items: center;
    gap: clamp(70px, 9vw, 125px);
}

.dp-quality__copy > p:not(.dp-kicker) {
    max-width: 590px;
    margin-block: 25px 35px;
    color: var(--dp-muted);
    font-size: 15px;
    line-height: 1.75;
}

.dp-quality__points {
    display: grid;
    gap: 19px;
}

.dp-quality__points > div {
    display: grid;
    grid-template-columns: 43px 1fr;
    gap: 15px;
    align-items: start;
}

.dp-quality__points > div > span {
    display: grid;
    place-items: center;
    width: 43px;
    height: 43px;
    border: 1px solid #e0dcf4;
    border-radius: 12px;
    color: var(--dp-purple);
    background: #f7f5ff;
}

.dp-quality__points svg {
    width: 21px;
    height: 21px;
}

.dp-quality__points p {
    margin: 0;
    color: var(--dp-muted);
    font-size: 12px;
    line-height: 1.6;
}

.dp-quality__points strong {
    display: block;
    margin-bottom: 3px;
    color: var(--dp-ink);
    font-size: 13px;
}

.dp-release {
    overflow: hidden;
    border: 1px solid #dde1ea;
    border-radius: 22px;
    color: #e7ebf4;
    background: #0d101b;
    box-shadow: 0 30px 75px rgba(20, 22, 36, .18);
}

.dp-release__head,
.dp-release__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 53px;
    padding-inline: 22px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    color: #7f899c;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 9px;
    letter-spacing: .08em;
}

.dp-release__head span:last-child {
    padding: 5px 8px;
    border: 1px solid rgba(103, 231, 174, .2);
    border-radius: 6px;
    color: var(--dp-green);
    background: rgba(103, 231, 174, .06);
}

.dp-release ol {
    margin: 0;
    padding: 12px 22px;
    list-style: none;
}

.dp-release li {
    display: grid;
    grid-template-columns: 31px 1fr auto;
    align-items: center;
    gap: 14px;
    min-height: 78px;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
}

.dp-release li:last-child {
    border-bottom: 0;
}

.dp-release li > span {
    display: grid;
    place-items: center;
    width: 29px;
    height: 29px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    color: #778196;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 9px;
}

.dp-release li strong,
.dp-release li small {
    display: block;
}

.dp-release li strong {
    margin-bottom: 4px;
    color: #e9edf5;
    font-size: 11px;
}

.dp-release li small {
    color: #747f94;
    font-size: 9px;
}

.dp-release li b {
    color: var(--dp-green);
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 8px;
    letter-spacing: .1em;
}

.dp-release li.is-live b {
    color: var(--dp-cyan);
    text-shadow: 0 0 13px rgba(101, 232, 255, .6);
}

.dp-release__foot {
    justify-content: flex-start;
    gap: 9px;
    border-top: 1px solid rgba(255, 255, 255, .08);
    border-bottom: 0;
    color: var(--dp-green);
}

.dp-path {
    border-top: 1px solid #e8eaf0;
    background:
        linear-gradient(90deg, rgba(104, 70, 220, .025) 1px, transparent 1px),
        linear-gradient(rgba(104, 70, 220, .025) 1px, transparent 1px),
        #f8f8fb;
    background-size: 42px 42px;
}

.dp-steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 0;
    list-style: none;
    counter-reset: none;
}

.dp-steps li {
    min-height: 240px;
    padding: 29px;
    border: 1px solid #e1e4ec;
    border-radius: 19px;
    background: rgba(255, 255, 255, .85);
    box-shadow: 0 12px 35px rgba(31, 35, 58, .035);
    transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.dp-steps li:hover {
    border-color: rgba(104, 70, 220, .27);
    box-shadow: 0 19px 42px rgba(31, 35, 58, .075);
    transform: translateY(-4px);
}

.dp-steps li > span {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    margin-bottom: 36px;
    border-radius: 11px;
    color: #fff;
    background: var(--dp-purple);
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 10px;
    box-shadow: 0 9px 20px rgba(104, 70, 220, .21);
}

.dp-steps h3 {
    margin-bottom: 11px;
    font-size: 21px;
}

.dp-steps p {
    margin-bottom: 0;
    color: var(--dp-muted);
    font-size: 12px;
    line-height: 1.7;
}

.dp-custom {
    position: relative;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(118deg, #5b3bc8 0%, #7049df 48%, #2a81c7 125%);
}

.dp-custom::before,
.dp-custom::after {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.dp-custom::before {
    top: -210px;
    right: 10%;
    width: 420px;
    height: 420px;
}

.dp-custom::after {
    right: -80px;
    bottom: -180px;
    width: 330px;
    height: 330px;
}

.dp-custom__inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 70px;
    min-height: 330px;
    padding-block: 65px;
}

.dp-custom .dp-kicker {
    color: #d8d1ff;
}

.dp-custom h2 {
    max-width: 800px;
    margin-bottom: 17px;
    color: #fff;
    font-size: clamp(37px, 4.1vw, 58px);
    line-height: 1.08;
}

.dp-custom p:not(.dp-kicker) {
    max-width: 700px;
    margin-bottom: 0;
    color: #e1dcfb;
    font-size: 14px;
    line-height: 1.7;
}

.dp-faq {
    background: #fff;
}

.dp-faq__layout {
    display: grid;
    grid-template-columns: minmax(280px, .62fr) minmax(520px, 1.38fr);
    align-items: start;
    gap: clamp(70px, 10vw, 140px);
}

.dp-faq__intro {
    position: sticky;
    top: 120px;
}

.dp-faq__intro > p:not(.dp-kicker) {
    margin-block: 21px 27px;
    color: var(--dp-muted);
    font-size: 14px;
    line-height: 1.7;
}

.dp-accordion details {
    border-top: 1px solid #e1e4eb;
}

.dp-accordion details:last-child {
    border-bottom: 1px solid #e1e4eb;
}

.dp-accordion summary {
    display: grid;
    grid-template-columns: 1fr 30px;
    align-items: center;
    gap: 20px;
    min-height: 81px;
    padding: 17px 0;
    color: var(--dp-ink);
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    list-style: none;
}

.dp-accordion summary::-webkit-details-marker {
    display: none;
}

.dp-accordion summary span {
    position: relative;
    width: 30px;
    height: 30px;
    border: 1px solid #dfe2ea;
    border-radius: 50%;
    transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.dp-accordion summary span::before,
.dp-accordion summary span::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 1px;
    background: #535b6c;
    content: "";
    transform: translate(-50%, -50%);
}

.dp-accordion summary span::after {
    transform: translate(-50%, -50%) rotate(90deg);
    transition: transform .2s ease;
}

.dp-accordion details[open] summary {
    color: var(--dp-purple);
}

.dp-accordion details[open] summary span {
    border-color: rgba(104, 70, 220, .25);
    background: #f5f2ff;
}

.dp-accordion details[open] summary span::after {
    transform: translate(-50%, -50%) rotate(0deg);
}

.dp-accordion details p {
    max-width: 700px;
    padding: 0 55px 25px 0;
    margin: -5px 0 0;
    color: var(--dp-muted);
    font-size: 13px;
    line-height: 1.75;
}

.dp-final {
    position: relative;
    color: #fff;
    background:
        radial-gradient(circle at 80% 0, rgba(104, 70, 220, .18), transparent 30%),
        #080a13;
}

.dp-final__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
    min-height: 360px;
    padding-block: 75px;
}

.dp-final__copy {
    max-width: 750px;
}

.dp-final__mark {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    margin-bottom: 28px;
    border: 1px solid rgba(101, 232, 255, .22);
    border-radius: 14px;
    color: var(--dp-cyan);
    background: rgba(101, 232, 255, .06);
}

.dp-final h2 {
    margin-bottom: 18px;
    color: #fff;
    font-size: clamp(40px, 4.6vw, 65px);
    line-height: 1.05;
}

.dp-final__copy p {
    max-width: 620px;
    margin-bottom: 0;
    color: #9aa4b8;
    font-size: 14px;
    line-height: 1.7;
}

.dp-final__links {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 50px;
    padding-block: 54px 65px;
    border-top: 1px solid rgba(255, 255, 255, .08);
}

.dp-final__links > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 11px;
}

.dp-final__links strong {
    margin-bottom: 6px;
    color: #f0f2f7;
    font-size: 11px;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.dp-final__links a {
    color: #8f99ad !important;
    font-size: 11px;
    line-height: 1.5;
    transition: color .18s ease, transform .18s ease;
}

.dp-final__links a:hover {
    color: var(--dp-cyan) !important;
    transform: translateX(2px);
}

.dp-home-active .wd-footer {
    border-top: 1px solid rgba(255, 255, 255, .08);
    color: #727d91;
    background: #080a13;
}

.dp-home-active .wd-footer .copyrights-wrapper {
    border: 0;
    background: #080a13;
}

.dp-home-active .wd-footer a {
    color: #a0a9ba;
}

.dp-js .dp-reveal {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity .65s ease, transform .65s cubic-bezier(.2, .7, .2, 1);
}

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

@keyframes dp-scan {
    to { transform: translateX(100%); }
}

@keyframes dp-pulse {
    0% { opacity: .75; transform: scale(.65); }
    80%, 100% { opacity: 0; transform: scale(1.5); }
}

@keyframes dp-drift {
    to { transform: translate3d(28px, 18px, 0) rotate(8deg); }
}

@keyframes dp-flow {
    to { left: calc(100% - 5px); }
}

@keyframes dp-float {
    0%, 100% { transform: translateY(0) rotate(-2deg); }
    50% { transform: translateY(-10px) rotate(2deg); }
}

@media (max-width: 1120px) {
    .dp-home-active .wd-header-text,
    .dp-home-active .wd-header-wishlist {
        display: none !important;
    }

    .dp-hero__layout {
        grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr);
        gap: 46px;
    }

    .dp-command {
        transform: none;
    }

    .dp-command__float--ai { right: -18px; }
    .dp-command__float--woo { left: -18px; }

    .dp-quality__layout {
        gap: 65px;
    }

    .dp-product-card__body {
        padding-inline: 21px;
    }
}

@media (max-width: 960px) {
    .dp-section {
        padding-block: 88px;
    }

    .dp-hero__layout {
        grid-template-columns: 1fr;
        min-height: auto;
        padding-block: 80px 92px;
    }

    .dp-hero__copy {
        max-width: 760px;
    }

    .dp-command {
        width: min(680px, 100%);
        margin-inline: auto;
    }

    .dp-products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dp-section-head {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .dp-section-head > p,
    .dp-section-head > div + p {
        max-width: 670px;
    }

    .dp-quality__layout,
    .dp-faq__layout {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .dp-quality__copy {
        max-width: 760px;
    }

    .dp-release {
        width: min(720px, 100%);
    }

    .dp-faq__intro {
        position: static;
        max-width: 700px;
    }

    .dp-usecase__panel {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .dp-final__top {
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
    }
}

@media (max-width: 760px) {
    .dp-shell {
        width: min(100% - 32px, var(--dp-shell));
    }

    .dp-section {
        padding-block: 72px;
    }

    .dp-home-active .whb-general-header-inner {
        min-height: 68px;
    }

    .dp-home-active .whb-mobile-center .wd-logo img {
        max-width: 152px !important;
    }

    .dp-hero__layout {
        gap: 58px;
        padding-block: 64px 74px;
    }

    .dp-hero h1 {
        font-size: clamp(48px, 14vw, 68px);
    }

    .dp-hero__lead {
        font-size: 16px;
    }

    .dp-actions,
    .dp-hero .dp-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .dp-button {
        width: 100%;
    }

    .dp-command__bar {
        grid-template-columns: 1fr auto;
    }

    .dp-command__bar > span:nth-child(2) {
        display: none;
    }

    .dp-command__flow {
        grid-template-columns: 1fr 18px 1fr 18px 1fr;
    }

    .dp-command__node {
        min-height: 94px;
        padding: 11px;
    }

    .dp-command__node small {
        display: none;
    }

    .dp-command__metrics > div {
        padding: 12px 10px;
    }

    .dp-command__metrics strong {
        font-size: 19px;
    }

    .dp-command__float {
        display: none;
    }

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

    .dp-stat {
        min-height: 105px;
        padding: 20px 18px;
    }

    .dp-stat:nth-child(2)::after {
        display: none;
    }

    .dp-stat:nth-child(-n + 2) {
        border-bottom: 1px solid rgba(255, 255, 255, .08);
    }

    .dp-stat strong {
        font-size: 25px;
    }

    .dp-section-head h2,
    .dp-quality h2,
    .dp-faq h2 {
        font-size: clamp(36px, 10vw, 48px);
    }

    .dp-search {
        grid-template-columns: auto 1fr;
        padding: 8px 13px 8px 18px;
    }

    .dp-search button {
        grid-column: 1 / -1;
        width: 100%;
    }

    .dp-filters {
        margin-inline: -16px;
        padding-inline: 16px;
    }

    .dp-filters__count {
        display: none;
    }

    .dp-products {
        grid-template-columns: 1fr;
    }

    .dp-product-card__body {
        min-height: 250px;
    }

    .dp-tabs {
        overflow: visible;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .dp-tabs__list {
        display: flex;
        margin-inline: -16px;
        padding-inline: 16px;
        overflow-x: auto;
        border: 0;
        scrollbar-width: none;
    }

    .dp-tabs__list::-webkit-scrollbar {
        display: none;
    }

    .dp-tabs__list button {
        flex: 0 0 auto;
        min-height: 48px;
        padding: 0 17px;
        border: 1px solid rgba(255, 255, 255, .1) !important;
        border-radius: 999px;
        margin-right: 8px;
        background: rgba(255, 255, 255, .035);
    }

    .dp-tabs__list button::after {
        display: none;
    }

    .dp-tabs__list button[aria-selected="true"] {
        border-color: rgba(101, 232, 255, .36) !important;
        color: var(--dp-cyan);
        background: rgba(101, 232, 255, .08);
    }

    .dp-usecase__panel {
        min-height: auto;
        padding: 44px 0 10px;
    }

    .dp-flow {
        grid-template-columns: 1fr 23px 1fr 23px 1fr;
    }

    .dp-flow span {
        min-height: 76px;
        padding: 8px;
        font-size: 9px;
    }

    .dp-quality__layout {
        gap: 50px;
    }

    .dp-release ol {
        padding-inline: 15px;
    }

    .dp-release li {
        grid-template-columns: 30px 1fr;
    }

    .dp-release li b {
        display: none;
    }

    .dp-steps {
        grid-template-columns: 1fr;
    }

    .dp-steps li {
        min-height: 210px;
    }

    .dp-custom__inner {
        grid-template-columns: 1fr;
        gap: 35px;
        min-height: 420px;
    }

    .dp-custom .dp-button {
        width: fit-content;
    }

    .dp-faq__layout {
        gap: 45px;
    }

    .dp-accordion summary {
        font-size: 13px;
    }

    .dp-accordion details p {
        padding-right: 0;
    }

    .dp-final__top {
        min-height: 430px;
        gap: 40px;
    }

    .dp-final__links {
        grid-template-columns: repeat(2, 1fr);
        gap: 45px 30px;
    }
}

@media (max-width: 430px) {
    .dp-hero h1 {
        font-size: 46px;
    }

    .dp-eyebrow {
        font-size: 10px;
        letter-spacing: .1em;
    }

    .dp-command__body {
        padding: 18px 14px;
    }

    .dp-command__node strong {
        font-size: 10px;
    }

    .dp-command__metrics small,
    .dp-command__log {
        display: none;
    }

    .dp-command__metrics {
        margin-top: 18px;
    }

    .dp-stat span {
        font-size: 9px;
    }

    .dp-product-card__meta {
        align-items: flex-start;
        flex-direction: column;
    }

    .dp-custom h2,
    .dp-final h2 {
        font-size: 38px;
    }

    .dp-final__links {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dp-modern-home *,
    .dp-modern-home *::before,
    .dp-modern-home *::after,
    .dp-home-active .whb-header * {
        scroll-behavior: auto !important;
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
    }

    .dp-js .dp-reveal,
    .dp-js .dp-reveal.is-visible {
        opacity: 1;
        transform: none;
    }

    .dp-command,
    .dp-product-card {
        transform: none !important;
    }
}

@media (forced-colors: active) {
    .dp-button,
    .dp-filters button,
    .dp-product-card,
    .dp-tabs,
    .dp-release {
        border: 1px solid ButtonText;
    }

    .dp-hero h1 span {
        color: CanvasText;
        background: none;
    }
}