.dq-logo-light {
    display: none;
}

body.dq-home {
    background: #0a0a0a;
    color: #fff;
    font-family: "Poppins", "Segoe UI", sans-serif;
}

body.dq-home .dq-shell {
    position: relative;
    overflow: hidden;
    background: #0a0a0a !important;
    color: #fff;
}

body.dq-home .dq-shell > * {
    position: relative;
    z-index: 1;
}

body.dq-home .dq-shell > section {
    z-index: 60;
    background: #0a0a0a;
}

body.dq-home .dq-bar {
    position: relative;
    z-index: 5;
    padding: 1.15rem 1.75rem 0.35rem !important;
    background: transparent;
}

body.dq-home .dq-nav-logo,
body.dq-home .dq-bar .site-logo {
    width: 176px;
    height: 48px;
    object-fit: contain;
    object-position: left center;
}

body.dq-home .logo-wrapper {
    width: auto;
    height: auto;
    margin-right: 1.25rem;
}

body.dq-home .dq-shell .flex.items-center.justify-between a,
body.dq-home .dq-shell .flex.items-center.justify-between button,
body.dq-home .dq-shell .dq-bar a,
body.dq-home .dq-shell .dq-bar button {
    color: #fff;
}

@media (min-width: 1280px) {
    body.dq-home .dq-bar {
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        column-gap: 1rem;
        direction: ltr;
    }

    body.dq-home .dq-topbar-wrap,
    body.dq-home .dq-topbar-main {
        display: contents;
    }

    body.dq-home .logo-wrapper {
        grid-column: 1;
        margin-right: 0;
    }

    body.dq-home .dq-topbar-main > .w-auto {
        grid-column: 2;
        display: flex;
        justify-content: center;
    }

    body.dq-home .dq-bar > .w-auto {
        grid-column: 3;
        justify-self: end;
    }

    body.dq-home .dq-topbar-main ul.flex {
        margin: 0 !important;
        align-items: center;
        gap: 0.1rem;
        background: #161616;
        border: 1px solid #2a2a2a;
        border-radius: 999px;
        padding: 0.28rem 0.35rem 0.28rem 0.85rem;
    }

    body.dq-home .dq-topbar-main ul.flex > li,
    body.dq-home .dq-topbar-main ul.flex > button {
        margin: 0 !important;
    }

    body.dq-home .dq-topbar-main ul.flex a,
    body.dq-home .dq-topbar-main ul.flex button {
        color: #f3f3f3 !important;
        font-size: 0.92rem !important;
        font-weight: 500;
        padding: 0.42rem 0.72rem;
        border-radius: 999px;
        transition: background 0.2s ease, color 0.2s ease;
    }

    body.dq-home .dq-topbar-main ul.flex a:hover,
    body.dq-home .dq-topbar-main ul.flex button:hover {
        background: rgba(255, 255, 255, 0.07);
        color: #fff !important;
    }
}

body.dq-home button[data-dropdown-toggle="languageDropdown"] {
    margin-top: 0 !important;
    margin-right: 0.75rem !important;
    padding: 0.48rem 0.75rem;
    border-radius: 12px;
    border: 1px solid #333;
    background: #141414;
    color: #fff !important;
    font-size: 0.82rem !important;
    font-weight: 600;
    letter-spacing: 0.04em;
}

body.dq-home button[data-dropdown-toggle="languageDropdown"]:hover {
    border-color: #ff7a18;
}

body.dq-home .dq-shell a.border-2 {
    background: #fff !important;
    border: 0 !important;
    color: #111 !important;
    border-radius: 999px !important;
    font-weight: 600;
    padding: 0.55rem 1.15rem !important;
}

body.dq-home .dq-shell a.border-2 p,
body.dq-home .dq-shell a.border-2:hover p {
    color: #111 !important;
}

body.dq-home .dq-shell a.border-2 .bg-gray-900,
body.dq-home .dq-shell a.border-2:hover > div {
    background: transparent !important;
    transform: none !important;
}

body.dq-home .dq-shell a[href*="login"] {
    color: #fff !important;
    font-weight: 500;
}

body.dq-home #dropdown,
body.dq-home #languageDropdown {
    border-radius: 14px;
    border: 1px solid #ececec;
    overflow: hidden;
}

body.dq-home #dropdown,
body.dq-home #languageDropdown,
body.dq-home #dropdown ul,
body.dq-home #languageDropdown ul {
    background: #fff !important;
    height: auto !important;
    max-height: 16rem;
}

body.dq-home #dropdown a,
body.dq-home #languageDropdown a,
body.dq-home #dropdown li,
body.dq-home #languageDropdown li {
    color: #111827 !important;
    background: transparent !important;
}

body.dq-home .dq-burger-btn {
    width: 42px;
    height: 42px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    padding: 10px 8px;
}

body.dq-home .dq-burger-btn span {
    display: block;
    height: 2px;
    width: 100%;
    background: #fff;
    border-radius: 2px;
}

body.dq-home .dq-shell .navbar-menu {
    position: fixed !important;
    z-index: 80 !important;
    width: min(86vw, 360px);
    background: transparent;
}

body.dq-home .dq-shell .navbar-menu,
body.dq-home .dq-shell .navbar-menu nav,
body.dq-home .dq-drawer {
    background: #0a0a0a !important;
    color: #fff !important;
}

body.dq-home .dq-shell .navbar-menu nav {
    border-right: 1px solid #222;
}

body.dq-home .dq-shell .navbar-menu a,
body.dq-home .dq-shell .navbar-menu button,
body.dq-home .dq-shell .navbar-menu p,
body.dq-home .dq-shell .navbar-menu li,
body.dq-home .dq-shell .navbar-menu span {
    color: #fff !important;
}

body.dq-home .dq-shell .navbar-menu .journal-scroll,
body.dq-home .dq-shell .navbar-menu .journal-scroll .bg-white,
body.dq-home .dq-shell .navbar-menu .shadow {
    background: #161616 !important;
    color: #fff !important;
    border-radius: 14px;
}

body.dq-home .dq-shell .navbar-menu .journal-scroll a,
body.dq-home .dq-shell .navbar-menu .journal-scroll span {
    color: #fff !important;
}

body.dq-home .dq-shell .navbar-menu .journal-scroll {
    height: auto !important;
    max-height: 16rem;
    overflow: auto;
    border: 1px solid #2a2a2a;
}

body.dq-home .dq-shell .navbar-menu a.bg-gradient-cyan {
    background: linear-gradient(90deg, #ff7a18, #3b6cff) !important;
    border-radius: 999px !important;
    padding: 0 !important;
    overflow: hidden;
}

body.dq-home .dq-shell .navbar-menu a.bg-gradient-cyan > div.absolute {
    display: none !important;
}

body.dq-home .dq-shell .navbar-menu a.bg-gradient-cyan .bg-white,
body.dq-home .dq-shell .navbar-menu a.bg-gradient-cyan .bg-white p {
    background: transparent !important;
    color: #fff !important;
    border-radius: 999px;
    text-align: center;
}

body.dq-home .dq-shell .navbar-menu .navbar-close path {
    stroke: #fff;
}

body.dq-home .js-cookie-consent {
    z-index: 70;
}

body.dq-home .js-cookie-consent h2,
body.dq-home .js-cookie-consent h3 {
    color: #0b1224 !important;
}

body.dq-home .js-cookie-consent .text-gray-600,
body.dq-home .js-cookie-consent .text-sm {
    color: #4b5563 !important;
}

body.dq-home .js-cookie-consent.lg\:flex .text-white,
body.dq-home .js-cookie-consent.lg\:flex p,
body.dq-home .js-cookie-consent.lg\:flex .text-sm {
    color: #ffffff !important;
}

.dq-hero {
    position: relative;
    text-align: center;
    padding: 4.5rem 1.25rem 4rem;
    overflow: hidden;
}

.dq-hero::before,
.dq-hero::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 48px;
    pointer-events: none;
}

.dq-hero::before {
    width: 62%;
    height: 150%;
    left: -22%;
    top: -18%;
    transform: rotate(16deg);
}

.dq-hero::after {
    width: 48%;
    height: 140%;
    right: -14%;
    top: -8%;
    transform: rotate(-12deg);
}

.dq-hero-copy,
.dq-logo-card,
.dq-actions {
    position: relative;
    z-index: 2;
}

.dq-title {
    max-width: 16em;
    margin: 0 auto 1.15rem;
    font-size: clamp(2.35rem, 4.4vw, 3.35rem);
    line-height: 1.12;
    font-weight: 700;
    letter-spacing: -0.035em;
    color: #fff;
    background: none;
    -webkit-text-fill-color: #fff;
}

.dq-lead {
    max-width: 40rem;
    margin: 0 auto 2.25rem;
    color: #bdbdbd;
    font-size: 1.02rem;
    line-height: 1.7;
    font-weight: 400;
}

.dq-logo-card {
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(100%, 460px);
    min-height: 250px;
    margin: 0 auto 2.2rem;
    padding: 2.4rem 2rem;
    border-radius: 22px;
    border: 1px solid #2c2c2c;
    background:
        radial-gradient(circle at 50% 42%, rgba(255, 255, 255, 0.08), transparent 28%),
        radial-gradient(circle at 50% 55%, #1c1c1c, #0c0c0c 72%);
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.45);
}

.dq-logo-card img {
    width: min(100%, 300px);
    height: auto;
}

.dq-nfc {
    position: absolute;
    right: 22px;
    bottom: 22px;
    width: 22px;
    height: 22px;
    border: 2px solid rgba(255, 255, 255, 0.55);
    border-left-color: transparent;
    border-radius: 50%;
    transform: rotate(40deg);
}

.dq-nfc::after {
    content: "";
    position: absolute;
    inset: 4px;
    border: 2px solid rgba(255, 255, 255, 0.55);
    border-left-color: transparent;
    border-radius: 50%;
}

.dq-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem;
}

.dq-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 11rem;
    padding: 0.85rem 1.45rem;
    border-radius: 999px;
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    text-decoration: none;
    transition: transform 0.2s ease, background 0.2s ease;
}

.dq-btn:hover {
    transform: translateY(-1px);
}

.dq-btn-light {
    background: #fff;
    color: #111;
}

.dq-btn-light:hover {
    background: #f2f2f2;
    color: #111;
}

.dq-btn-ghost {
    background: linear-gradient(90deg, #ff7a18, #3b6cff);
    color: #fff;
    border: 0;
}

.dq-btn-ghost:hover {
    color: #fff;
    filter: brightness(1.06);
}

body.dq-home #how-it-works,
body.dq-home #features,
body.dq-home #pricing,
body.dq-home .dq-themes {
    background: #0a0a0a;
}

body.dq-home .dq-themes h2,
body.dq-home .dq-themes .text-gray-900,
body.dq-home #how-it-works h2,
body.dq-home #features h2,
body.dq-home #pricing h2,
body.dq-home #how-it-works h3,
body.dq-home #features h3,
body.dq-home #pricing h3,
body.dq-home #how-it-works .text-gray-900,
body.dq-home #features .text-gray-900 {
    color: #fff !important;
}

body.dq-home .dq-themes h2,
body.dq-home #how-it-works > .container > h2,
body.dq-home #features h2.text-6xl,
body.dq-home #pricing h2 {
    font-size: clamp(2rem, 4vw, 2.8rem) !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em;
}

body.dq-home .dq-themes p,
body.dq-home .dq-themes .text-gray-600,
body.dq-home #how-it-works .text-gray-400,
body.dq-home #how-it-works .text-gray-500,
body.dq-home #features .text-gray-600,
body.dq-home #features .text-gray-500,
body.dq-home #pricing .text-gray-600,
body.dq-home #pricing .text-black,
body.dq-home #pricing p.text-black {
    color: #b5b5b5 !important;
}

body.dq-home #how-it-works > .container > p.uppercase:first-child,
body.dq-home #features > .container > p.uppercase,
body.dq-home #pricing .container > p.uppercase:first-child,
body.dq-home .dq-themes > .container > .mx-auto > p.font-bold {
    color: #ff8a3d !important;
    letter-spacing: 0.14em;
}

body.dq-home #how-it-works > .container > p.mb-20,
body.dq-home .dq-themes > .container > .mx-auto > p.uppercase {
    color: #b5b5b5 !important;
}

body.dq-home #how-it-works i,
body.dq-home #features i {
    background: rgba(255, 122, 24, 0.12) !important;
    color: #ff8a3d !important;
    border-radius: 12px;
}

body.dq-home #features .bg-white,
body.dq-home #pricing .bg-white {
    background: #141414 !important;
    border: 1px solid #262626 !important;
    box-shadow: none;
}

body.dq-home #features .rounded-lg,
body.dq-home #pricing .rounded-xl,
body.dq-home .dq-themes img {
    border-radius: 1.15rem;
}

body.dq-home #features .bg-gradient-to-r,
body.dq-home #pricing .bg-gradient-to-r {
    background: linear-gradient(90deg, #ff7a18, #3b6cff) !important;
}

body.dq-home #pricing .border-black {
    border-color: #2a2a2a !important;
}

body.dq-home .dq-themes .swiper-slide .absolute {
    background: transparent !important;
    backdrop-filter: none !important;
}

body.dq-home #how-it-works {
    padding-top: 4.5rem !important;
}

body.dq-home .dq-footer {
    background:
        radial-gradient(circle at 50% 0%, rgba(56, 189, 248, 0.16), transparent 46%),
        linear-gradient(180deg, #1a365d 0%, #0f172a 100%);
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    color: #fff;
    padding: 3.2rem 1.5rem 0;
}

body.dq-home .dq-foot-inner {
    max-width: 1120px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.3fr 0.8fr 0.8fr 1fr;
    gap: 2.5rem;
    padding-bottom: 2.2rem;
}

body.dq-home .dq-foot-brand .dq-logo-light {
    display: block;
    width: 168px;
    height: auto;
    margin-bottom: 0.9rem;
}

body.dq-home .dq-foot-brand p {
    max-width: 16rem;
    margin: 0 0 1.1rem;
    color: #c5d0e0;
    font-size: 0.92rem;
    line-height: 1.6;
}

body.dq-home .dq-foot-social {
    display: flex;
    gap: 0.55rem;
}

body.dq-home .dq-foot-social a {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.08);
    color: #fff !important;
    font-size: 0.85rem;
}

body.dq-home .dq-foot-social a:hover {
    background: rgba(255, 255, 255, 0.16);
    color: #fff !important;
}

body.dq-home .dq-foot-col h3 {
    margin: 0 0 0.95rem;
    color: #9fb0c7 !important;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

body.dq-home .dq-foot-col ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.dq-home .dq-foot-col li {
    margin: 0 0 0.55rem;
}

body.dq-home .dq-foot-col a,
body.dq-home .dq-foot-pin {
    color: #f4f7fb !important;
    font-size: 0.95rem;
    text-decoration: none;
}

body.dq-home .dq-foot-col a:hover {
    color: #7dd3fc !important;
}

body.dq-home .dq-foot-contact a,
body.dq-home .dq-foot-pin {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

body.dq-home .dq-foot-contact i {
    width: 16px;
    color: #7dd3fc;
    font-size: 0.8rem;
}

body.dq-home .dq-foot-bar {
    max-width: 1120px;
    margin: 0 auto;
    padding: 1rem 0 1.15rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

body.dq-home .dq-foot-bar p {
    margin: 0;
    color: #9fb0c7;
    font-size: 0.82rem;
}

body.dq-home .dq-foot-bar nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 1rem;
}

body.dq-home .dq-foot-bar a {
    color: #d5deea !important;
    font-size: 0.82rem;
}

body.dq-home .dq-foot-bar a:hover {
    color: #fff !important;
}

@media (max-width: 900px) {
    body.dq-home .dq-footer {
        padding: 2.2rem 1.1rem 6.2rem;
    }

    body.dq-home .dq-foot-inner {
        grid-template-columns: 1fr 1fr;
        gap: 1.4rem 1rem;
    }

    body.dq-home .dq-foot-brand,
    body.dq-home .dq-foot-contact,
    body.dq-home .dq-foot-bar {
        grid-column: 1 / -1;
    }

    body.dq-home .dq-foot-brand {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    body.dq-home .dq-foot-brand p {
        max-width: 20rem;
    }

    body.dq-home .dq-foot-bar {
        flex-direction: column;
        text-align: center;
        padding-top: 0.9rem;
    }

    body.dq-home .dq-foot-bar nav {
        justify-content: center;
    }
}

@media (max-width: 1279px) {
    body.dq-home .dq-bar {
        padding: 0.9rem 1rem !important;
    }

    body.dq-home .dq-topbar-wrap,
    body.dq-home .dq-topbar-main {
        width: auto !important;
    }

    body.dq-home .dq-topbar-main {
        display: flex !important;
        justify-content: flex-start !important;
    }

    body.dq-home .dq-burger {
        position: static !important;
        transform: none !important;
        left: auto !important;
        right: auto !important;
    }

    body.dq-home .logo-wrapper {
        margin: 0 !important;
    }

    body.dq-home .dq-nav-logo,
    body.dq-home .dq-bar .site-logo {
        width: 148px;
        height: 40px;
    }

    .dq-hero {
        padding-top: 2.6rem;
    }

    .dq-logo-card {
        min-height: 190px;
    }
}