/* ============================================

   QROVA Landing — Dark Tech Theme

   ============================================ */




/* === Kill browser/theme pink — force gold everywhere === */
.dqm-landing, .dqm-landing * {
    accent-color: #c9a962 !important;
    -webkit-tap-highlight-color: transparent !important;
    outline-color: #c9a962 !important;
}
.dqm-landing *:focus {
    outline-color: #c9a962 !important;
}
.dqm-landing *:focus-visible {
    outline: 2px solid rgba(201,169,98,0.5) !important;
    outline-offset: 2px;
}
.dqm-landing *::selection {
    background: #c9a962 !important;
    color: #111 !important;
}
.dqm-landing *::-moz-selection {
    background: #c9a962 !important;
    color: #111 !important;
}
.dqm-landing button:active,
.dqm-landing a:active,
.dqm-landing [role="button"]:active {
    -webkit-tap-highlight-color: transparent !important;
    outline: none !important;
}
.dqm-burger:focus, .dqm-burger:active,
.dqm-burger span {
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
}
.dqm-burger.active span {
    background: #fff !important;
}

/* --- Reset & Base --- */

.dqm-landing {

    -webkit-overflow-scrolling: touch;

    --brand: #c9a962;

    --brand-glow: rgba(201,169,98,0.2);

    --bg-dark: #0a0e1a;

    --bg-card: rgba(15, 23, 42, 0.95);

    --glass-border: rgba(255, 255, 255, 0.08);

    --text-primary: #f0f4f8;

    --text-secondary: #94a3b8;

    --text-muted: #64748b;

    --radius: 16px;

    --radius-sm: 12px;

    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;

    color: var(--text-primary);

    line-height: 1.6;

    overflow-x: hidden;

    position: relative;

}



.dqm-landing *, .dqm-landing *::before, .dqm-landing *::after {

    box-sizing: border-box;

    margin: 0;

    padding: 0;

    -webkit-tap-highlight-color: transparent !important;

    -webkit-touch-callout: none;

}

.dqm-landing a,

.dqm-landing button,

.dqm-landing input,

.dqm-landing [role="button"] {

    outline: none;

}



/* ============================================

   TOP BAR

   ============================================ */

.dqm-topbar {

    position: fixed;

    top: 34px;

    left: 0;

    right: 0;

    z-index: 10000;

    display: flex;

    align-items: center;

    padding: 0 32px;

    height: 80px;

    background: rgba(10, 14, 26, 0.4);

    border-bottom: 1px solid rgba(255,255,255,0.06);

    transition: background 0.3s;

}

.dqm-topbar.scrolled {

    background: rgba(10, 14, 26, 0.95);

}

.dqm-topbar-logo {

    display: flex;

    align-items: center;

    text-decoration: none;

    margin-right: auto;

}

.dqm-topbar-logo img {

    height: 72px;

    width: auto;

}

.dqm-topbar-links {

    display: flex;

    gap: 24px;

    margin-right: 32px;

}

/* --- Language Dropdown --- */

.dqm-lang-drop {

    position: relative;

    margin-right: 16px;

    z-index: 10001;

}

.dqm-lang-current {

    display: flex;

    align-items: center;

    gap: 6px;

    background: rgba(255,255,255,0.06);

    border: 1px solid rgba(255,255,255,0.1);

    border-radius: 10px;

    padding: 6px 10px;

    cursor: pointer;

    transition: all 0.2s;

    color: var(--text-secondary);

    font-size: 0.8rem;

    font-weight: 500;

}

.dqm-lang-current:hover {

    background: rgba(255,255,255,0.12);

    border-color: rgba(255,255,255,0.2);

    color: #fff;

}

.dqm-lang-current,

.dqm-lang-option {

    -webkit-tap-highlight-color: transparent;

    -webkit-touch-callout: none;

    outline: none;

}

.dqm-lang-current:focus,

.dqm-lang-current:active,

.dqm-lang-option:focus,

.dqm-lang-option:active {

    outline: none;

    -webkit-tap-highlight-color: transparent;

    background-color: inherit;

}

.dqm-lang-flag {

    display: flex;

    align-items: center;

}

.dqm-lang-flag svg,

.dqm-lang-option svg {

    border-radius: 2px;

    flex-shrink: 0;

}

.dqm-lang-code {

    font-weight: 600;

    letter-spacing: 0.5px;

}

.dqm-lang-chevron {

    transition: transform 0.25s;

    opacity: 0.6;

    pointer-events: none;

}

.dqm-lang-drop.open .dqm-lang-chevron {

    transform: rotate(180deg);

}

.dqm-lang-list {

    position: absolute;

    top: calc(100% + 6px);

    left: 50%;

    transform: translateX(-50%) scale(0.95);

    min-width: 160px;

    background: rgba(15, 23, 42, 0.97);

    border: 1px solid rgba(255,255,255,0.1);

    border-radius: 12px;

    padding: 6px;

    opacity: 0;

    visibility: hidden;

    transition: all 0.2s ease;

    backdrop-filter: blur(20px);

    box-shadow: 0 12px 32px rgba(0,0,0,0.5);

}

.dqm-lang-drop.open .dqm-lang-list {

    opacity: 1;

    visibility: visible;

    transform: translateX(-50%) scale(1);

}

.dqm-lang-option {

    display: flex;

    align-items: center;

    gap: 10px;

    width: 100%;

    padding: 8px 12px;

    border: none;

    border-radius: 8px;

    background: transparent;

    color: var(--text-secondary);

    font-size: 0.85rem;

    font-weight: 500;

    cursor: pointer;

    transition: all 0.15s;

    text-align: left;

}

.dqm-lang-option:hover {

    background: rgba(255,255,255,0.08);

    color: #fff;

}

.dqm-lang-option.active {

    background: rgba(201,169,98,0.15) !important;

    color: var(--brand) !important;

    font-weight: 600;

}

/* Mobile dropdown in menu */

.dqm-lang-drop-mobile {

    margin: 12px auto;

    margin-right: auto;

    margin-left: auto;

    width: fit-content;

}

.dqm-lang-drop-mobile .dqm-lang-list {

    left: 0;

    transform: translateX(0) scale(0.95);

}

.dqm-lang-drop-mobile.open .dqm-lang-list {

    transform: translateX(0) scale(1);

}

@media (max-width: 992px) {

    .dqm-topbar > .dqm-lang-drop:not(.dqm-lang-drop-mobile) {

        margin-right: 10px;

    }

}

.dqm-topbar-link {

    color: var(--text-secondary);

    text-decoration: none;

    font-size: 0.88rem;

    font-weight: 500;

    transition: color 0.2s;

}

.dqm-topbar-link:hover { color: #fff; }

.dqm-topbar-actions {

    display: flex;

    align-items: center;

    gap: 12px;

}

.dqm-topbar-icon {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 38px;

    height: 38px;

    border-radius: 10px;

    background: rgba(255,255,255,0.06);

    border: 1px solid rgba(255,255,255,0.08);

    color: var(--text-secondary);

    text-decoration: none;

    cursor: pointer;

    transition: all 0.2s;

}

.dqm-topbar-icon:hover {

    background: rgba(201,169,98,0.15);

    border-color: rgba(201,169,98,0.3);

}

.dqm-topbar-icon:focus,

.dqm-topbar-icon:active {

    outline: none;

    background: rgba(201,169,98,0.15);

    -webkit-tap-highlight-color: transparent;

    color: var(--brand);

}

.dqm-topbar-btn {

    display: flex;

    align-items: center;

    gap: 6px;

    padding: 8px 18px;

    border-radius: 999px;

    background: linear-gradient(135deg, var(--brand), #d4b872);

    color: #fff;

    text-decoration: none;

    font-size: 0.85rem;

    font-weight: 600;

    transition: all 0.2s;

}

.dqm-topbar-btn:hover {

    transform: translateY(-1px);

    box-shadow: 0 4px 20px rgba(201,169,98,0.3);

    color: #fff;

    text-decoration: none;

}



/* ============================================

   BURGER MENU (MOBILE)

   ============================================ */

.dqm-burger {

    display: none;

    flex-direction: column;

    gap: 5px;

    background: none;

    border: none;

    cursor: pointer;

    padding: 8px;

    z-index: 1003;

    position: relative;

    -webkit-tap-highlight-color: transparent;

}

.dqm-burger span {

    display: block;

    width: 24px;

    height: 2px;

    background: #fff;

    border-radius: 2px;

    transition: all 0.3s ease;

    transform-origin: center;

}

.dqm-burger.active span:nth-child(1) {

    transform: rotate(45deg) translate(5px, 5px);

}

.dqm-burger.active span:nth-child(2) {

    opacity: 0;

    transform: scaleX(0);

}

.dqm-burger.active span:nth-child(3) {

    transform: rotate(-45deg) translate(5px, -5px);

}

/* Force kill pink background on burger all states */
.dqm-burger,
.dqm-burger:hover,
.dqm-burger:focus,
.dqm-burger:active,
.dqm-burger:focus-visible,
.dqm-burger.active {
    background: transparent !important;
    background-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
    -webkit-appearance: none !important;
    border: none !important;
}




/* Mobile Menu Overlay */

.dqm-mobile-menu {

    position: fixed;

    top: 0;

    right: -100%;

    width: 80%;

    max-width: 320px;

    height: 100vh;

    background: rgba(10, 14, 26, 0.97);

    border-left: 1px solid rgba(0, 229, 255, 0.1);

    z-index: 1001;

    transition: right 0.4s cubic-bezier(0.16, 1, 0.3, 1);

    overflow-y: auto;

}

.dqm-mobile-menu.open {

    right: 0;

}

.dqm-mobile-menu-inner {

    padding: 100px 24px 40px;

    display: flex;

    flex-direction: column;

    gap: 6px;

}

.dqm-mobile-link {

    display: flex;

    align-items: center;

    gap: 14px;

    padding: 14px 16px;

    border-radius: 12px;

    color: var(--text-primary);

    text-decoration: none;

    font-size: 0.95rem;

    font-weight: 500;

    transition: background 0.2s;

    background: none;

    border: none;

    cursor: pointer;

    width: 100%;

    text-align: left;

    -webkit-tap-highlight-color: transparent;

    position: relative;

}

.dqm-mobile-link:hover,

.dqm-mobile-link:active {

    background: rgba(0, 229, 255, 0.08);

}

.dqm-mobile-link small {

    position: absolute;

    right: 16px;

    font-size: 0.7rem;

    color: var(--text-muted);

    font-weight: 400;

}

.dqm-mobile-link-cta {

    background: rgba(201,169,98,.12) !important;

    border: 1px solid rgba(201,169,98,.25);

    margin-top: 8px;

}

.dqm-mobile-link-cta span {

    color: var(--brand);

    font-weight: 600;

}

.dqm-mobile-divider {

    height: 1px;

    background: rgba(255,255,255,0.06);

    margin: 8px 0;

}



/* Mobile menu backdrop */

.dqm-menu-backdrop {

    position: fixed;

    inset: 0;

    background: rgba(0,0,0,0.5);

    z-index: 1000;

    opacity: 0;

    pointer-events: none;

    transition: opacity 0.3s;

}

.dqm-menu-backdrop.active {

    opacity: 1;

    pointer-events: auto;

}



/* Sticky AI chat button — base (hidden on desktop, shown on mobile via @media) */

.dqm-sticky-chat {

    display: none;

    position: fixed;

    bottom: 18px;

    right: 16px;

    cursor: pointer;

    z-index: 10001;

    -webkit-tap-highlight-color: transparent;

}

.dqm-sticky-chat:active {

    transform: scale(0.92);

}



@media (max-width: 992px) {

    .dqm-burger {

        display: flex;

    }

    .dqm-topbar-links,

    .dqm-topbar-actions {

        display: none !important;

    }

    .dqm-sticky-chat {

        display: flex;

    }

}



/* ============================================

   AI CHAT WIDGET

   ============================================ */

.dqm-chat-widget {

    position: fixed;

    bottom: 24px;

    right: 24px;

    width: 380px;

    height: 520px;

    background: #0f172a;

    border: 1px solid rgba(255,255,255,0.1);

    border-radius: 16px;

    box-shadow: 0 20px 60px rgba(0,0,0,0.5);

    display: none;

    flex-direction: column;

    z-index: 10000;

    overflow: hidden;

}

.dqm-chat-widget.open { display: flex; }

.dqm-chat-header {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 16px 20px;

    background: linear-gradient(135deg, rgba(201,169,98,0.15), rgba(56,189,248,0.1));

    border-bottom: 1px solid rgba(255,255,255,0.06);

}

.dqm-chat-header-title {

    font-weight: 700;

    font-size: 0.95rem;

    color: #fff;

}

.dqm-chat-header-sub {

    font-size: 0.75rem;

    color: var(--text-muted);

}

.dqm-chat-close {

    background: none;

    border: none;

    color: var(--text-secondary);

    cursor: pointer;

    padding: 4px;

}

.dqm-chat-close:hover { color: #fff; }

.dqm-chat-messages {

    flex: 1;

    overflow-y: auto;

    padding: 16px;

    display: flex;

    flex-direction: column;

    gap: 12px;

}

.dqm-chat-msg {

    max-width: 85%;

    padding: 10px 14px;

    border-radius: 12px;

    font-size: 0.88rem;

    line-height: 1.5;

}

.dqm-chat-msg.bot {

    background: rgba(255,255,255,0.06);

    color: var(--text-primary);

    align-self: flex-start;

    border-bottom-left-radius: 4px;

}

.dqm-chat-msg.user {

    background: linear-gradient(135deg, var(--brand), #d4b872);

    color: #fff;

    align-self: flex-end;

    border-bottom-right-radius: 4px;

}

.dqm-chat-input-wrap {

    display: flex;

    padding: 12px 16px;

    border-top: 1px solid rgba(255,255,255,0.06);

    gap: 8px;

}

.dqm-chat-input {

    flex: 1;

    padding: 10px 14px;

    background: rgba(255,255,255,0.06);

    border: 1px solid rgba(255,255,255,0.1);

    border-radius: 10px;

    color: #fff;

    font-size: 0.88rem;

    outline: none;

}

.dqm-chat-input:focus { border-color: var(--brand); }

.dqm-chat-send {

    width: 38px;

    height: 38px;

    border-radius: 10px;

    background: var(--brand);

    border: none;

    color: #fff;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: background 0.2s;

}

.dqm-chat-send:hover { background: #0096b7; }

.dqm-chat-typing {

    display: flex;

    gap: 4px;

    padding: 10px 14px;

    align-self: flex-start;

}

.dqm-chat-typing span {

    width: 6px;

    height: 6px;

    border-radius: 50%;

    background: var(--text-muted);

    animation: dqm-typing 1.2s ease-in-out infinite;

}

.dqm-chat-typing span:nth-child(2) { animation-delay: 0.2s; }

.dqm-chat-typing span:nth-child(3) { animation-delay: 0.4s; }

@keyframes dqm-typing {

    0%,100% { opacity: 0.3; transform: translateY(0); }

    50% { opacity: 1; transform: translateY(-4px); }

}



@media (max-width: 640px) {

    .dqm-topbar { padding: 0 16px; }

    .dqm-topbar-links { display: none; }

    .dqm-topbar-btn span { display: none; }

    .dqm-topbar-btn { padding: 8px 12px; }

    .dqm-chat-widget { width: calc(100% - 16px); right: 8px; bottom: 8px; height: 70vh; }

}



/* --- Background (disabled fixed for performance) --- */

.dqm-bg-fixed {

    display: none;

}



/* --- Animations --- */

[data-animate] {

    opacity: 0;

    transform: translateY(40px);

    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);

}

[data-animate="fade-right"] {

    transform: translateX(-60px);

}

[data-animate="fade-left"] {

    transform: translateX(60px);

}

[data-animate="fade-up"] {

    transform: translateY(40px);

}

[data-animate].dqm-visible {

    opacity: 1;

    transform: translate(0, 0);

}



/* --- Shimmer line on cards --- */

@keyframes dqm-shimmer {

    0% { transform: translateX(-100%); }

    100% { transform: translateX(200%); }

}



/* --- Gradient text pulse --- */

@keyframes dqm-gradient-shift {

    0%, 100% { background-position: 0% 50%; }

    50% { background-position: 100% 50%; }

}

.dqm-gradient-text {

    background-size: 200% 200%;

    animation: dqm-gradient-shift 4s ease-in-out infinite;

}



/* --- Glow Pulse --- */

.dqm-pulse {

    display: inline-block;

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: var(--brand);

    margin-right: 8px;

    animation: dqm-pulse-anim 2s ease-in-out infinite;

}

@keyframes dqm-pulse-anim {

    0%, 100% { box-shadow: 0 0 0 0 var(--brand-glow); }

    50% { box-shadow: 0 0 0 12px transparent; }

}



/* --- Section spacing --- */

.dqm-landing section {

    position: relative;

    z-index: 1;

    max-width: 100%;

    margin: 0;

    padding: 100px 24px;

    background: var(--bg-dark);

}

.dqm-landing section > h2,

.dqm-landing section > p.dqm-section-sub,

.dqm-landing section > .dqm-features-grid,

.dqm-landing section > .dqm-steps,

.dqm-landing section > .dqm-cases-grid,

.dqm-landing section > .dqm-pricing-grid,

.dqm-landing section > .dqm-hero-actions,

.dqm-landing section > a {

    max-width: 1200px;

    margin-left: auto;

    margin-right: auto;

}



.dqm-landing h2 {

    font-size: clamp(1.8rem, 4vw, 2.6rem);

    font-weight: 700;

    text-align: center;

    margin-bottom: 12px;

    letter-spacing: -0.02em;

}



.dqm-section-sub {

    text-align: center;

    color: var(--text-secondary);

    font-size: 1.1rem;

    margin-bottom: 56px;

}



/* ============================================

   HERO

   ============================================ */

.dqm-hero {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: left;

    min-height: 100vh;

    padding: 140px 24px 0 10% !important;

    margin: 0 !important;

    max-width: 100% !important;

    width: 100%;

    background-color: transparent !important;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    overflow: visible;

}



.dqm-hero-overlay {

    position: absolute;

    inset: 0;

    background: linear-gradient(

        to bottom,

        rgba(10, 14, 26, 0.25) 0%,

        rgba(10, 14, 26, 0.45) 40%,

        rgba(10, 14, 26, 0.75) 70%,

        rgba(10, 14, 26, 1) 100%

    );

    z-index: 1;

}



.dqm-hero::after {

    content: '';

    position: absolute;

    bottom: -60px;

    left: 0;

    right: 0;

    height: 160px;

    background: linear-gradient(to bottom, transparent 0%, transparent 100%);

    z-index: 10;

    pointer-events: none;

}



.dqm-hero-content {

    position: relative;

    z-index: 2;

    max-width: 620px;

    text-align: left;

}



.dqm-hero-badge {

    display: inline-flex;

    align-items: center;

    background: var(--bg-card);

    border: 1px solid var(--glass-border);

    border-radius: 999px;

    padding: 8px 20px;

    font-size: 0.85rem;

    color: var(--brand);

    font-weight: 500;

    margin-bottom: 24px;

    letter-spacing: 0.02em;

}



.dqm-hero h1 {

    font-size: clamp(2rem, 5vw, 3.2rem);

    font-weight: 800;

    line-height: 1.15;

    letter-spacing: -0.03em;

    margin-bottom: 20px;

}



.dqm-gradient-text {

    background: linear-gradient(135deg, var(--brand) 0%, #d4b872 50%, #b8943e 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

}



.dqm-hero-sub {

    font-size: 1.1rem;

    color: var(--text-secondary);

    line-height: 1.7;

    margin-bottom: 32px;

    max-width: 540px;

}



.dqm-hero-actions {

    display: flex;

    gap: 16px;

    flex-wrap: wrap;

    margin-bottom: 48px;

    justify-content: flex-start;

}





/* Hero info row */

.dqm-hero-info-row {

    display: flex;

    gap: 24px;

    margin-bottom: 32px;

    flex-wrap: wrap;

}

.dqm-hero-info-item {

    display: flex;

    align-items: center;

    gap: 8px;

    font-size: 0.85rem;

    color: var(--text-secondary);

}



/* Hero Stats */

.dqm-hero-stats {

    display: flex;

    gap: 32px;

    justify-content: flex-start;

}

.dqm-hero-stat {

    display: flex;

    flex-direction: column;

}

.dqm-hero-stat strong {

    font-size: 1.4rem;

    color: var(--brand);

    font-weight: 700;

}

.dqm-hero-stat span {

    font-size: 0.8rem;

    color: var(--text-muted);

    text-transform: uppercase;

    letter-spacing: 0.08em;

    margin-top: 2px;

}



/* ============================================

   AI HOLOGRAM

   ============================================ */

.dqm-hero {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.dqm-hologram {

    position: fixed;

    right: 2%;

    bottom: 5%;

    width: 35%;

    max-height: 90vh;

    transition: width 0.6s ease, right 0.6s ease, bottom 0.6s ease;

    display: flex;

    flex-direction: column;

    align-items: center;

    z-index: 9999;

    opacity: 0;

    pointer-events: none;

}

.dqm-hologram.holo-visible {

    opacity: 1;

    pointer-events: auto;

    animation: holoAppear 2s ease-out forwards;

}

.dqm-hologram.holo-dismiss {

    animation: holoDismiss 1.5s ease-in forwards;

    pointer-events: none;

}

.dqm-hologram-img {

    width: 100%;

    max-width: 160px;

    height: auto;

    opacity: 0.8;

    filter: drop-shadow(0 0 30px rgba(201,169,98,.4)) drop-shadow(0 0 60px rgba(201,169,98,.25));

    animation: holoFloat 4s ease-in-out infinite;

    transition: opacity 0.6s ease, filter 0.6s ease;

}

.dqm-hologram-bubble {

    background: rgba(201,169,98,.12);

    border: 1px solid rgba(201,169,98,.3);

    border-radius: 16px;

    padding: 18px 24px;

    margin-top: -12%;

    position: relative;

    z-index: 20;

    text-align: center;

    opacity: 0;

    transform: translateY(10px);

    pointer-events: none;

}

.dqm-hologram-bubble.bubble-show {

    opacity: 1;

    transform: translateY(0);

    pointer-events: auto;

    transition: opacity 0.6s ease, transform 0.6s ease;

}

.dqm-hologram-bubble p {

    color: #e0f7ff;

    font-size: 1rem;

    margin: 0 0 14px;

    font-weight: 500;

}

.dqm-hologram-btns {

    display: flex;

    gap: 10px;

    justify-content: center;

}

.dqm-hologram-btn {

    padding: 8px 20px;

    border-radius: 999px;

    font-size: 0.85rem;

    font-weight: 600;

    cursor: pointer;

    border: none;

    transition: all 0.3s;

}

.dqm-hologram-btn-start {
    background:transparent !important;
    color: #c9a962 !important;
    font-weight: 700 !important;
    border: 2px solid #c9a962 !important;
    text-shadow: none !important;
}

.dqm-hologram-btn-start:hover {

    background: #0096b7;

    box-shadow: 0 0 20px rgba(201,169,98,.4);

}

.dqm-hologram-btn-later {
    background: rgba(255,255,255,0.12) !important;
    color: #fff !important;
    font-weight: 600 !important;
    border: 2px solid rgba(255,255,255,0.35) !important;
    backdrop-filter: blur(8px) !important;
}

.dqm-hologram-btn-later:hover {

    background: rgba(255,255,255,0.14);

    color: #fff;

}



/* Topbar chat notification badge */

.dqm-topbar-notif {

    position: relative;

}

.dqm-topbar-notif::after {

    content: '';

    position: absolute;

    top: -2px;

    right: -2px;

    width: 10px;

    height: 10px;

    background: #c9a962;

    border-radius: 50%;

    box-shadow: 0 0 8px rgba(201,169,98,.6);

    animation: notifPulse 2s ease-in-out infinite;

}

.dqm-topbar-tooltip {

    position: absolute;

    top: calc(100% + 10px);

    right: 0;

    background: rgba(10, 14, 26, 0.95);

    border: 1px solid rgba(201,169,98,.3);

    border-radius: 10px;

    padding: 10px 16px;

    color: #e0f7ff;

    font-size: 0.82rem;

    white-space: nowrap;

    opacity: 0;

    transform: translateY(-5px);

    pointer-events: none;

    box-shadow: 0 4px 20px rgba(0,0,0,0.4);

}

.dqm-topbar-tooltip.tooltip-show {

    opacity: 1;

    transform: translateY(0);

    transition: opacity 0.5s ease, transform 0.5s ease;

}



@keyframes holoAppear {

    0% { opacity: 0; transform: scale(0.7); filter: blur(10px); }

    50% { opacity: 0.6; transform: scale(0.85); filter: blur(3px); }

    100% { opacity: 1; transform: scale(1); filter: blur(0); }

}

@keyframes holoDismiss {

    0% { opacity: 1; transform: scale(1); filter: blur(0); }

    100% { opacity: 0; transform: scale(0.8); filter: blur(8px); }

}

@keyframes holoFloat {

    0%, 100% { transform: translateY(0); }

    50% { transform: translateY(-12px); }

}

@keyframes notifPulse {

    0%, 100% { opacity: 1; transform: scale(1); }

    50% { opacity: 0.5; transform: scale(1.3); }

}



/* Hologram mini widget mode on scroll */

.dqm-hologram.holo-mini {
    opacity: 1 !important;
    pointer-events: auto !important;

    width: 120px;

    right: 20px;

    bottom: 90px;

    cursor: pointer;

}

.dqm-hologram.holo-mini .dqm-hologram-bubble {

    display: none;

}

.dqm-hologram.holo-mini .dqm-hologram-img {

    opacity: 0.7;

    filter: drop-shadow(0 0 15px rgba(201,169,98,.35));

}

.dqm-hologram.holo-mini:hover .dqm-hologram-img {

    opacity: 1;

    filter: drop-shadow(0 0 25px rgba(201,169,98,.5));

}



/* Scroll to Top */

.dqm-scroll-top {

    position: fixed;

    bottom: 24px;

    right: 24px;

    -webkit-tap-highlight-color: transparent;

    width: 44px;

    height: 44px;

    border-radius: 50%;

    background: rgba(15, 23, 42, 0.9);

    border: 1px solid rgba(201,169,98,.3);

    color: var(--brand);

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 9998;

    opacity: 0;

    transform: translateY(20px);

    pointer-events: none;

    transition: opacity 0.3s, transform 0.3s, background 0.3s;

}

.dqm-scroll-top.visible {

    opacity: 1;

    transform: translateY(0);

    pointer-events: auto;

}

.dqm-scroll-top:hover {

    background: var(--brand);

    color: #fff;

    box-shadow: 0 0 20px rgba(201,169,98,.35);

}

.dqm-scroll-top:focus,

.dqm-scroll-top:active,

.dqm-scroll-top:focus-visible {

    background: rgba(15, 23, 42, 0.9);

    color: var(--brand);

    outline: none;

    box-shadow: none;

}

@media (max-width: 992px) {

    .dqm-scroll-top {

        right: auto;

        left: 16px;

    }

}



@media (max-width: 992px) {

    .dqm-hologram {

        display: none;

    }

}



/* ============================================

   BUTTONS

   ============================================ */

.dqm-btn {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 14px 28px;

    border-radius: 999px;

    font-size: 0.95rem;

    font-weight: 600;

    text-decoration: none;

    cursor: pointer;

    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);

    border: none;

    position: relative;

    overflow: hidden;

}



.dqm-btn-primary {

    background: linear-gradient(135deg, var(--brand) 0%, #d4b872 100%);

    color: #fff;

    box-shadow: 0 4px 24px var(--brand-glow), 0 1px 3px rgba(0,0,0,0.2);

}

.dqm-btn-primary:hover {

    transform: translateY(-2px);

    box-shadow: 0 8px 40px var(--brand-glow), 0 2px 6px rgba(0,0,0,0.3);

    color: #fff;

    text-decoration: none;

}



.dqm-btn-glass {

    background: var(--bg-card);

    color: var(--text-primary);

    border: 1px solid var(--glass-border);

}

.dqm-btn-glass:hover {

    background: rgba(15, 23, 42, 0.8);

    border-color: var(--brand);

    color: var(--text-primary);

    text-decoration: none;

    transform: translateY(-2px);

}



.dqm-btn-full { width: 100%; justify-content: center; }



.dqm-btn-lg {

    padding: 18px 36px;

    font-size: 1.05rem;

}



/* ============================================

   FEATURE CARDS

   ============================================ */

.dqm-features-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 24px;

}



.dqm-feature-card {

    background: var(--bg-card);

    border: 1px solid var(--glass-border);

    border-radius: var(--radius);

    padding: 36px 28px;

    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);

    position: relative;

    overflow: hidden;

}

.dqm-feature-card::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    height: 2px;

    background: linear-gradient(90deg, transparent, var(--brand), transparent);

    opacity: 0;

    transition: opacity 0.4s;

}

.dqm-feature-card:hover {

    transform: translateY(-6px);

    border-color: rgba(201,169,98,.2);

    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3), 0 0 40px var(--brand-glow);

}

.dqm-feature-card:hover::before {

    opacity: 1;

}

.dqm-feature-card::after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 40%;

    height: 100%;

    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.03), transparent);

    transform: translateX(-100%);

}

.dqm-feature-card:hover::after {

    animation: dqm-shimmer 0.8s ease forwards;

}



.dqm-feature-icon {

    width: 56px;

    height: 56px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: rgba(201,169,98,.08);

    border: 1px solid rgba(201,169,98,.15);

    border-radius: var(--radius-sm);

    margin-bottom: 20px;

    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);

}

.dqm-feature-card:hover .dqm-feature-icon {

    transform: scale(1.1) rotate(-3deg);

    background: rgba(201,169,98,.15);

    box-shadow: 0 0 24px rgba(201,169,98,.2);

}



.dqm-feature-card h3 {

    font-size: 1.15rem;

    font-weight: 700;

    margin-bottom: 10px;

    color: var(--text-primary);

}

.dqm-feature-card p {

    font-size: 0.92rem;

    color: var(--text-secondary);

    line-height: 1.6;

}



/* ============================================

   HOW IT WORKS

   ============================================ */

.dqm-steps {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 0;

    margin-top: 56px;

}



.dqm-step {

    text-align: center;

    flex: 0 0 240px;

    padding: 32px 24px;

    background: var(--bg-card);

    border: 1px solid var(--glass-border);

    border-radius: var(--radius);

    transition: all 0.3s;

}

.dqm-step:hover {

    border-color: rgba(201,169,98,.2);

    transform: translateY(-4px);

}



.dqm-step-num {

    font-size: 2.2rem;

    font-weight: 800;

    background: linear-gradient(135deg, var(--brand), #b8943e);

    background-size: 200% 200%;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

    margin-bottom: 16px;

    animation: dqm-gradient-shift 3s ease-in-out infinite;

}



.dqm-step h3 {

    font-size: 1.05rem;

    font-weight: 700;

    margin-bottom: 8px;

}

.dqm-step p {

    font-size: 0.88rem;

    color: var(--text-secondary);

}



.dqm-step-line {

    width: 60px;

    height: 2px;

    background: linear-gradient(90deg, var(--brand), transparent);

    flex-shrink: 0;

    position: relative;

    overflow: hidden;

}

.dqm-step-line::after {

    content: '';

    position: absolute;

    top: 0;

    left: -100%;

    width: 50%;

    height: 100%;

    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);

    animation: dqm-line-flow 2s ease-in-out infinite;

}

@keyframes dqm-line-flow {

    0% { left: -50%; }

    100% { left: 150%; }

}



/* ============================================

   USE CASES

   ============================================ */

.dqm-cases-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 20px;

    margin-top: 56px;

}



.dqm-case {

    background: var(--bg-card);

    border: 1px solid var(--glass-border);

    border-radius: var(--radius);

    padding: 28px 24px;

    text-align: center;

    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);

}

.dqm-case:hover {

    transform: translateY(-4px);

    border-color: rgba(201,169,98,.15);

    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);

}



.dqm-case-icon {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 64px;

    height: 64px;

    border-radius: 16px;

    background: rgba(201,169,98,.08);

    border: 1px solid rgba(201,169,98,.12);

    margin-bottom: 18px;

    transition: background 0.3s, transform 0.3s, box-shadow 0.3s;

}

.dqm-case:hover .dqm-case-icon {

    background: rgba(201,169,98,.12);

    transform: scale(1.08);

    box-shadow: 0 0 24px rgba(201,169,98,.2);

}



.dqm-case h3 {

    font-size: 1rem;

    font-weight: 700;

    margin-bottom: 8px;

}

.dqm-case p {

    font-size: 0.85rem;

    color: var(--text-secondary);

    line-height: 1.5;

}



/* ============================================

   VIDEO EXPLAINER

   ============================================ */

.dqm-video-section {

    background: var(--bg-dark);

    position: relative;

    z-index: 1;

}

.dqm-video-inner {

    max-width: 1200px;

    margin: 0 auto;

    display: grid;

    grid-template-columns: 1fr 1.2fr;

    gap: 48px;

    align-items: center;

}

.dqm-video-badge {

    display: inline-block;

    padding: 6px 16px;

    border-radius: 999px;

    background: rgba(0, 229, 255, 0.1);

    border: 1px solid rgba(0, 229, 255, 0.25);

    color: #c9a962;

    font-size: 0.8rem;

    font-weight: 600;

    letter-spacing: 0.05em;

    text-transform: uppercase;

    margin-bottom: 20px;

}

.dqm-video-text h2 {

    font-size: clamp(1.6rem, 3vw, 2.2rem);

    font-weight: 700;

    margin-bottom: 16px;

    line-height: 1.3;

}

.dqm-video-text p {

    color: var(--text-secondary);

    font-size: 1.05rem;

    line-height: 1.7;

    margin-bottom: 24px;

}

.dqm-video-list {

    list-style: none;

    display: flex;

    flex-direction: column;

    gap: 12px;

}

.dqm-video-list li {

    display: flex;

    align-items: center;

    gap: 10px;

    color: var(--text-primary);

    font-size: 0.95rem;

}

.dqm-video-player {

    position: relative;

}

.dqm-video-glow {

    position: absolute;

    inset: -20px;

    background: radial-gradient(ellipse at center, rgba(201,169,98,.12) 0%, transparent 70%);

    border-radius: 24px;

    z-index: 0;

    pointer-events: none;

}

.dqm-video-player video {

    position: relative;

    z-index: 1;

    width: 100%;

    border-radius: 16px;

    border: 1px solid rgba(0, 229, 255, 0.15);

    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4), 0 0 30px rgba(0, 229, 255, 0.08);

    background: #000;

}

.dqm-video-player video:hover {

    border-color: rgba(0, 229, 255, 0.3);

    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4), 0 0 50px rgba(0, 229, 255, 0.15);

}



@media (max-width: 768px) {

    .dqm-video-inner {

        grid-template-columns: 1fr;

        gap: 32px;

    }

}



/* ============================================

   PRICING

   ============================================ */

.dqm-pricing-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 24px;

    margin-top: 56px;

    align-items: start;

}



.dqm-price-card {

    background: var(--bg-card);

    border: 1px solid var(--glass-border);

    border-radius: var(--radius);

    padding: 40px 32px;

    text-align: center;

    position: relative;

    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);

}

.dqm-price-card:hover {

    transform: translateY(-6px);

    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);

}



.dqm-price-popular {

    border-color: var(--brand);

    box-shadow: 0 0 40px var(--brand-glow);

    transform: scale(1.04);

}

.dqm-price-popular:hover {

    transform: scale(1.04) translateY(-6px);

}



/* .dqm-price-badge — defined later with gold gradient (line ~5446) */



.dqm-price-name {

    font-size: 1.1rem;

    font-weight: 600;

    color: var(--text-secondary);

    margin-bottom: 16px;

    text-transform: uppercase;

    letter-spacing: 0.06em;

}



.dqm-price-amount {

    font-size: 3rem;

    font-weight: 800;

    margin-bottom: 28px;

    line-height: 1;

}

.dqm-price-currency {

    font-size: 1.4rem;

    vertical-align: super;

    margin-right: 4px;

    font-weight: 600;

    color: var(--text-secondary);

}

.dqm-price-period {

    font-size: 0.9rem;

    font-weight: 400;

    color: var(--text-muted);

    margin-left: 4px;

}



.dqm-price-features {

    list-style: none;

    text-align: left;

    margin-bottom: 32px;

}

.dqm-price-features li {

    padding: 8px 0;

    font-size: 0.92rem;

    color: var(--text-secondary);

    border-bottom: 1px solid rgba(255, 255, 255, 0.04);

}

.dqm-price-features li:last-child {

    border-bottom: none;

}



/* ============================================

   CTA

   ============================================ */

.dqm-cta {

    text-align: center;

    position: relative;

}

.dqm-cta h2 {

    font-size: clamp(1.6rem, 3.5vw, 2.4rem);

    margin-bottom: 16px;

}

.dqm-cta p {

    color: var(--text-secondary);

    font-size: 1.1rem;

    margin-bottom: 32px;

}



.dqm-cta-glow {

    position: absolute;

    width: 400px;

    height: 400px;

    background: radial-gradient(circle, var(--brand-glow) 0%, transparent 70%);

    border-radius: 50%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: -1;

    opacity: 0.4;

}



/* ============================================

   RESPONSIVE

   ============================================ */

@media (max-width: 992px) {

    .dqm-hero {

        min-height: 100vh;

        background-position: right center !important;

        background-size: cover !important;

        padding-top: 300px !important;

    }

    .dqm-hero-content {

        max-width: 100%;

    }

    .dqm-hero-sub {

        max-width: 100%;

        margin-left: auto;

        margin-right: auto;

    }

    .dqm-hero-actions {

        justify-content: center;

    }

    .dqm-hero-stats {

        justify-content: center;

    }

    .dqm-features-grid,

    .dqm-cases-grid,

    .dqm-pricing-grid {

        grid-template-columns: repeat(2, 1fr);

    }

    .dqm-steps {

        flex-direction: column;

        gap: 16px;

    }

    .dqm-step-line {

        width: 2px;

        height: 40px;

        background: linear-gradient(180deg, var(--brand), transparent);

    }

    .dqm-step {

        flex: none;

        width: 100%;

        max-width: 340px;

    }

}



@media (max-width: 640px) {

    .dqm-landing section {

        padding: 60px 16px;

    }

    .dqm-features-grid,

    .dqm-cases-grid,

    .dqm-pricing-grid {

        grid-template-columns: 1fr;

    }

    .dqm-hero h1 {

        font-size: 1.8rem;

    }

    .dqm-hero-stats {

        flex-direction: row;

        gap: 0;

        width: 100%;

        background: rgba(10, 14, 26, 0.7);

        border: 1px solid rgba(201,169,98,.12);

        border-radius: 14px;

        padding: 14px 0;

        margin-top: 24px;

    }

    .dqm-hero-stat {

        flex: 1;

        align-items: center;

        text-align: center;

        border-right: 1px solid rgba(255,255,255,0.08);

    }

    .dqm-hero-stat:last-child {

        border-right: none;

    }

    .dqm-hero-stat strong {

        font-size: 1.1rem;

    }

    .dqm-hero-stat span {

        font-size: 0.65rem;

    }

    .dqm-price-popular {

        transform: none;

    }

    .dqm-price-popular:hover {

        transform: translateY(-6px);

    }

}



/* ============================================

   FOOTER

   ============================================ */

.dqm-footer {

    background: #060a16;

    border-top: 1px solid rgba(255,255,255,0.05);

    padding: 60px 24px 0;

    position: relative;

    z-index: 1;

}

.dqm-footer-inner {

    max-width: 1200px;

    margin: 0 auto;

    display: grid;

    grid-template-columns: 2fr 1fr 1fr 1fr;

    gap: 40px;

    padding-bottom: 40px;

}
/* footer-inner overridden below */

.dqm-footer-logo {

    margin-bottom: 16px;

}

.dqm-footer-logo img {

    height: 80px;

    width: auto;

}

.dqm-footer-col p {

    font-size: 0.85rem;

    color: var(--text-muted);

    line-height: 1.6;

}

.dqm-footer-col h4 {

    font-size: 0.8rem;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.08em;

    color: var(--text-secondary);

    margin-bottom: 16px;

}

.dqm-footer-col a {

    display: block;

    font-size: 0.88rem;

    color: var(--text-muted);

    text-decoration: none;

    padding: 4px 0;

    transition: color 0.2s;

}

.dqm-footer-col a:hover {

    color: var(--brand);

}

.dqm-footer-hours {

    margin-top: 8px;

    font-size: 0.82rem;

    color: var(--text-muted);

}

.dqm-footer-payments {

    display: flex;

    gap: 8px;

    margin-top: 16px;

    flex-wrap: wrap;

}

.dqm-footer-payments svg {

    opacity: 0.6;

    transition: opacity 0.3s;

}

.dqm-footer-payments svg:hover {

    opacity: 1;

}

.dqm-footer-bottom {

    max-width: 1200px;

    margin: 0 auto;

    border-top: 1px solid rgba(255,255,255,0.05);

    padding: 20px 0;

    text-align: center;

    font-size: 0.8rem;

    color: var(--text-muted);

}



@media (max-width: 768px) {

    .dqm-footer-inner {

        grid-template-columns: 1fr 1fr;

        gap: 28px;

    }

}

@media (max-width: 480px) {

    .dqm-footer-inner {

        grid-template-columns: 1fr;

    }

    .dqm-hero {

        background-position: 80% center !important;

        background-size: cover !important;

        background-repeat: no-repeat !important;

        padding: 110px 16px 40px 16px !important;

    }

    .dqm-hero-overlay {

        background: linear-gradient(to bottom, rgba(10,14,26,0.75) 0%, rgba(10,14,26,0.6) 50%, rgba(10,14,26,0.85) 100%) !important;

    }

    .dqm-hero h1 {

        font-size: 1.5rem;

    }

    .dqm-topbar-logo img {

        height: 50px;

    }

}



/* ============================================

   SCROLLBAR

   ============================================ */

.dqm-landing::-webkit-scrollbar {

    width: 6px;

}

.dqm-landing::-webkit-scrollbar-track {

    background: var(--bg-dark);

}

.dqm-landing::-webkit-scrollbar-thumb {

    background: var(--brand);

    border-radius: 3px;

}



/* ============================================

   SELECTION

   ============================================ */

.dqm-landing ::selection {

    background: var(--brand);

    color: #fff;

}



/* ============================================

   CABINET / AUTH — shared variables

   ============================================ */

:root {

    --dqm-primary: var(--brand, #c9a962);

    --dqm-primary-dark: #0096b7;

    --dqm-bg: #0f172a;

    --dqm-bg-card: #1e293b;

    --dqm-bg-card-hover: #334155;

    --dqm-text: #f8fafc;

    --dqm-text-secondary: #94a3b8;

    --dqm-border: rgba(148,163,184,0.15);

    --dqm-success: #10b981;

    --dqm-danger: #ef4444;

    --dqm-warning: #f59e0b;

    --dqm-radius: 12px;

}



.dqm-cabinet *, .dqm-auth-wrap * {

    box-sizing: border-box;

    margin: 0;

    padding: 0;

}



/* ===== SHARED BUTTONS (cabinet/auth) ===== */

.dqm-cabinet .dqm-btn,

.dqm-auth-wrap .dqm-btn {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 12px 28px;

    border-radius: 999px;

    font-weight: 600;

    font-size: 15px;

    text-decoration: none;

    transition: all 0.2s;

    border: 2px solid transparent;

    cursor: pointer;

    font-family: inherit;

}

.dqm-cabinet .dqm-btn-primary,

.dqm-auth-wrap .dqm-btn-primary {

    background:transparent;

    color: #fff;

    border-color: var(--dqm-primary);

}

.dqm-cabinet .dqm-btn-primary:hover,

.dqm-auth-wrap .dqm-btn-primary:hover {

    background: var(--dqm-primary-dark);

    transform: translateY(-1px);

    box-shadow: 0 8px 24px rgba(201,169,98,0.3);

    color: #fff;

}

.dqm-cabinet .dqm-btn-outline { background: transparent; color: var(--dqm-text); border-color: var(--dqm-border); }

.dqm-cabinet .dqm-btn-outline:hover { border-color: var(--dqm-primary); color: var(--dqm-primary); }

.dqm-cabinet .dqm-btn-sm { padding: 8px 16px; font-size: 13px; }

.dqm-cabinet .dqm-btn-full { width: 100%; justify-content: center; }



/* ===== AUTH / LOGIN ===== */

.dqm-auth-wrap {

    min-height: 100vh;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 40px 20px;

    background: transparent;

    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;

    position: relative;

    overflow: hidden;

}

.dqm-auth-wrap * {

    -webkit-tap-highlight-color: transparent !important;

    box-sizing: border-box;

}

.dqm-auth-bg {

    position: absolute;

    inset: 0;

    background:

        radial-gradient(ellipse 600px 400px at 20% 20%, rgba(201,169,98,0.08), transparent),

        radial-gradient(ellipse 500px 500px at 80% 80%, rgba(99,102,241,0.06), transparent);

    pointer-events: none;

}

.dqm-auth-card {

    position: relative;

    background: rgba(15, 23, 42, 0.95);

    border: 1px solid rgba(255,255,255,0.08);

    border-radius: 20px;

    padding: 44px 40px;

    width: 440px;

    max-width: 100%;

    backdrop-filter: blur(20px);

    box-shadow: 0 24px 64px rgba(0,0,0,0.4);

}

.dqm-auth-logo-link {

    display: block;

    text-align: center;

    margin-bottom: 28px;

    text-decoration: none;

}

.dqm-auth-logo-img {

    height: 56px;

    width: auto;

}

.dqm-auth-error {

    display: flex;

    align-items: center;

    gap: 8px;

    background: rgba(239,68,68,0.1);

    border: 1px solid rgba(239,68,68,0.25);

    color: #fca5a5;

    padding: 12px 16px;

    border-radius: 10px;

    font-size: 13px;

    margin-bottom: 20px;

}

.dqm-auth-error svg { stroke: #f87171; flex-shrink: 0; }

.dqm-auth-tabs {

    display: flex;

    gap: 4px;

    margin-bottom: 28px;

    background: rgba(255,255,255,0.04);

    border-radius: 12px;

    padding: 4px;

}

.dqm-auth-tab {

    flex: 1;

    padding: 10px;

    border: none;

    background: none;

    color: #94a3b8;

    font-weight: 600;

    font-size: 14px;

    cursor: pointer;

    transition: all 0.25s;

    border-radius: 10px;

}

.dqm-auth-tab:hover { color: #e2e8f0; }

.dqm-auth-tab.active {

    background: #fff;

    color: #0a0e1a;

    box-shadow: 0 2px 8px rgba(0,0,0,0.15);

}

.dqm-auth-form .dqm-form-group { margin-bottom: 18px; }

.dqm-auth-form label {

    display: block;

    font-size: 12px;

    font-weight: 600;

    color: #94a3b8;

    margin-bottom: 6px;

    text-transform: uppercase;

    letter-spacing: 0.5px;

}

.dqm-input-icon {

    position: relative;

}

.dqm-input-icon svg {

    position: absolute;

    left: 14px;

    top: 50%;

    transform: translateY(-50%);

    stroke: #64748b;

    pointer-events: none;

}

.dqm-input-icon input {

    padding-left: 42px !important;

}

.dqm-auth-form input[type="text"],

.dqm-auth-form input[type="email"],

.dqm-auth-form input[type="password"] {

    width: 100%;

    padding: 13px 16px;

    background: rgba(255,255,255,0.04);

    border: 1px solid rgba(255,255,255,0.1);

    border-radius: 10px;

    color: #f0f4f8;

    font-size: 15px;

    font-family: inherit;

    outline: none;

    transition: all 0.2s;

}

.dqm-auth-form input:focus {

    border-color: #c9a962;

    background: rgba(201,169,98,0.04);

    box-shadow: 0 0 0 3px rgba(201,169,98,0.1);

}

.dqm-auth-form input::placeholder {

    color: #475569;

}

.dqm-auth-row {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 24px;

}

.dqm-remember {

    display: flex !important;

    align-items: center;

    gap: 8px;

    color: #94a3b8;

    font-size: 13px;

    cursor: pointer;

}

.dqm-remember input[type="checkbox"] {

    accent-color: #c9a962;

    width: 16px;

    height: 16px;

}

.dqm-auth-link {

    color: #c9a962;

    font-size: 13px;

    text-decoration: none;

    transition: color 0.2s;

}

.dqm-auth-link:hover { color: #d4b872; }

.dqm-auth-submit {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    width: 100%;

    padding: 14px;

    border: none;

    border-radius: 12px;

    background:transparent;

    color: #fff;

    font-size: 15px;

    font-weight: 600;

    font-family: inherit;

    cursor: pointer;

    transition: all 0.25s;

    box-shadow: 0 4px 16px rgba(201,169,98,0.25);

}

.dqm-auth-submit:hover {

    transform: translateY(-1px);

    box-shadow: 0 8px 24px rgba(201,169,98,0.35);

}

.dqm-auth-submit:active {

    transform: translateY(0);

}

.dqm-auth-footer {

    text-align: center;

    margin-top: 24px;

    padding-top: 20px;

    border-top: 1px solid rgba(255,255,255,0.06);

}

.dqm-auth-footer a {

    color: #64748b;

    font-size: 13px;

    text-decoration: none;

    transition: color 0.2s;

}

.dqm-auth-footer a:hover { color: #c9a962; }

@media (max-width: 480px) {

    .dqm-auth-card { padding: 32px 24px; }

}



/* ===== CABINET ===== */

.dqm-cabinet {

    display: flex;

    min-height: 80vh;

    background: var(--dqm-bg);

    color: var(--dqm-text);

    font-family: 'Inter', -apple-system, sans-serif;

}



/* Sidebar */

.dqm-sidebar {

    width: 240px;

    background: linear-gradient(180deg, rgba(30,41,59,0.98), rgba(15,23,42,1));

    border-right: 1px solid rgba(148,163,184,0.06);

    padding: 28px 14px 20px;

    display: flex;

    flex-direction: column;

    flex-shrink: 0;

}

.dqm-sidebar-logo {

    font-size: 20px;

    font-weight: 700;

    color: #f8fafc;

    margin-bottom: 36px;

    padding: 0 12px;

    letter-spacing: -0.03em;

}

.dqm-sidebar-nav { flex: 1; display: flex; flex-direction: column; gap: 2px; }

.dqm-nav-item {

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 10px 12px;

    border-radius: 10px;

    color: rgba(148,163,184,0.6);

    text-decoration: none;

    font-weight: 500;

    font-size: 13px;

    letter-spacing: 0.01em;

    transition: all 0.2s;

    position: relative;

}

.dqm-nav-icon {

    flex-shrink: 0;

    opacity: 0.5;

    transition: opacity 0.2s;

}

.dqm-nav-item:hover {

    color: rgba(248,250,252,0.8);

    background: rgba(255,255,255,0.03);

}

.dqm-nav-item:hover .dqm-nav-icon { opacity: 0.8; }

.dqm-nav-item.active {

    color: #f8fafc;

    background: rgba(201,169,98,0.1);

}

.dqm-nav-item.active .dqm-nav-icon { opacity: 1; color: var(--dqm-primary); }

.dqm-nav-item.active::before {

    content: '';

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 3px;

    height: 20px;

    border-radius: 0 3px 3px 0;

    background: var(--dqm-primary);

}

.dqm-sidebar-user {

    border-top: 1px solid rgba(148,163,184,0.06);

    padding-top: 16px;

    display: flex;

    flex-direction: column;

    gap: 8px;

}

.dqm-sidebar-user-info {

    display: flex;

    align-items: center;

    gap: 8px;

    padding: 0 8px;

    font-size: 13px;

    font-weight: 500;

    color: rgba(148,163,184,0.5);

}

.dqm-logout {

    display: flex;

    align-items: center;

    gap: 6px;

    color: rgba(148,163,184,0.35);

    text-decoration: none;

    font-size: 12px;

    padding: 6px 8px;

    border-radius: 8px;

    transition: all 0.2s;

}

.dqm-logout:hover {

    color: var(--dqm-danger);

    background: rgba(239,68,68,0.05);

}



/* Main */

.dqm-main {

    flex: 1;

    padding: 32px;

    overflow-y: auto;

}

.dqm-main h1 {

    font-size: 28px;

    font-weight: 800;

    margin: 0 0 24px;

    color: #fff;

}

.dqm-view { display: none; }

.dqm-view.active { display: block; }

.dqm-view-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 24px;

}



/* Stats */

.dqm-pub-stats {

    display: flex;

    gap: 20px;

    margin-bottom: 24px;

    flex-wrap: wrap;

}

.dqm-pub-stat {

    background: var(--dqm-bg-card);

    border: 1px solid var(--dqm-border);

    border-radius: var(--dqm-radius);

    padding: 24px 32px;

    flex: 1;

    min-width: 160px;

}

.dqm-pub-stat .stat-val {

    font-size: 32px;

    font-weight: 800;

    color: var(--dqm-primary);

}

.dqm-pub-stat .stat-lbl {

    font-size: 13px;

    color: var(--dqm-text-secondary);

    margin-top: 4px;

}



/* Cards */

.dqm-pub-card {

    background: var(--dqm-bg-card);

    border: 1px solid var(--dqm-border);

    border-radius: var(--dqm-radius);

    padding: 24px;

    margin-bottom: 20px;

}

.dqm-pub-card h2, .dqm-pub-card h3 {

    font-size: 16px;

    font-weight: 600;

    margin: 0 0 16px;

    color: #fff;

}

.dqm-pub-row {

    display: flex;

    gap: 20px;

    flex-wrap: wrap;

}

.dqm-pub-half { flex: 1; min-width: 280px; }



/* QR Grid */

.dqm-pub-qr-grid {

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));

    gap: 24px;

}

.dqm-pub-qr-card {

    background: linear-gradient(135deg, rgba(30,41,59,0.95), rgba(15,23,42,0.98));

    border: 1px solid rgba(148,163,184,0.08);

    border-radius: 16px;

    padding: 0;

    transition: all 0.3s cubic-bezier(0.4,0,0.2,1);

    overflow: hidden;

    position: relative;

}

.dqm-pub-qr-card::before {

    content: '';

    position: absolute;

    top: 0; left: 0; right: 0;

    height: 1px;

    background: linear-gradient(90deg, transparent, rgba(201,169,98,0.3), transparent);

}

.dqm-pub-qr-card:hover {

    border-color: rgba(201,169,98,0.2);

    transform: translateY(-2px);

    box-shadow: 0 20px 40px rgba(0,0,0,0.3), 0 0 60px rgba(201,169,98,0.06);

}

.dqm-pub-qr-card.qr-paused { opacity: 0.75; }

.dqm-pub-qr-card.qr-inactive { opacity: 0.55; }

.dqm-pub-qr-top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 16px 20px 0;

}

.dqm-pub-qr-status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    position: relative;

}

.dqm-pub-qr-status-dot.active {

    background: #10b981;

    box-shadow: 0 0 8px rgba(16,185,129,0.5);

}

.dqm-pub-qr-status-dot.paused {

    background: #f59e0b;

    box-shadow: 0 0 8px rgba(245,158,11,0.5);

}

.dqm-pub-qr-status-dot.off { background: #475569; }

.dqm-pub-qr-type-badge {

    font-size: 10px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 1.2px;

    color: rgba(148,163,184,0.6);

}

.dqm-pub-qr-img {

    text-align: center;

    padding: 20px 20px 16px;

    margin: 0;

    background: none;

}

.dqm-pub-qr-img img {

    width: 160px;

    height: 160px;

    border-radius: 12px;

    background: #fff;

    padding: 12px;

    transition: transform 0.3s;

}

.dqm-pub-qr-card:hover .dqm-pub-qr-img img { transform: scale(1.03); }

.dqm-pub-qr-img.dimmed img { opacity: 0.35; filter: grayscale(0.5); }

.dqm-pub-qr-body { padding: 0 20px 16px; }

.dqm-pub-qr-name {

    font-weight: 600;

    font-size: 15px;

    color: #f1f5f9;

    margin-bottom: 4px;

    letter-spacing: -0.01em;

}

.dqm-pub-qr-link {

    display: block;

    font-size: 12px;

    color: rgba(201,169,98,0.7);

    text-decoration: none;

    margin-bottom: 14px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    transition: color 0.2s;

}

.dqm-pub-qr-link:hover { color: var(--dqm-primary); }

.dqm-pub-qr-metrics { display: flex; gap: 24px; }

.dqm-metric { display: flex; flex-direction: column; }

.dqm-metric-val {

    font-size: 18px;

    font-weight: 700;

    color: #f8fafc;

    line-height: 1;

}

.dqm-metric-lbl {

    font-size: 10px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 0.8px;

    color: rgba(148,163,184,0.5);

    margin-top: 2px;

}

.dqm-pub-qr-actions {

    display: flex;

    border-top: 1px solid rgba(148,163,184,0.06);

}

.dqm-act-btn {

    flex: 1;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 14px 0;

    border: none;

    background: none;

    color: rgba(148,163,184,0.4);

    cursor: pointer;

    transition: all 0.2s;

    position: relative;

}

.dqm-act-btn:not(:last-child)::after {

    content: '';

    position: absolute;

    right: 0;

    top: 25%;

    height: 50%;

    width: 1px;

    background: rgba(148,163,184,0.06);

}

.dqm-act-btn:hover {

    color: var(--dqm-primary);

    background: rgba(201,169,98,0.05);

}

.dqm-act-btn.dqm-act-danger:hover {

    color: var(--dqm-danger);

    background: rgba(239,68,68,0.05);

}

.dqm-act-btn svg { pointer-events: none; }



/* Create form */

.dqm-create-layout { display: flex; gap: 32px; flex-wrap: wrap; }

.dqm-create-form { flex: 1; min-width: 300px; }

.dqm-create-preview { flex: 0 0 300px; }

.dqm-pub-form-group { margin-bottom: 16px; }

.dqm-pub-form-group label {

    display: block;

    font-size: 13px;

    font-weight: 600;

    color: var(--dqm-text-secondary);

    margin-bottom: 6px;

}

.dqm-pub-form-group input,

.dqm-pub-form-group select {

    width: 100%;

    padding: 10px 14px;

    background: rgba(255,255,255,0.05);

    border: 1px solid var(--dqm-border);

    border-radius: 8px;

    color: var(--dqm-text);

    font-size: 14px;

    outline: none;

}

.dqm-pub-form-group input:focus,

.dqm-pub-form-group select:focus { border-color: var(--dqm-primary); }

.dqm-pub-form-row { display: flex; gap: 16px; }

.dqm-pub-form-row .dqm-pub-form-group { flex: 1; }



/* Type grid */

.dqm-type-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 8px;

}

.dqm-type-option {

    padding: 12px 8px;

    text-align: center;

    border: 1px solid var(--dqm-border);

    border-radius: 8px;

    cursor: pointer;

    font-size: 12px;

    font-weight: 500;

    color: var(--dqm-text-secondary);

    transition: all 0.15s;

}

.dqm-type-option span { display: block; font-size: 22px; margin-bottom: 4px; }

.dqm-type-option:hover { border-color: var(--dqm-primary); color: var(--dqm-primary); }

.dqm-type-option.selected {

    background: rgba(201,169,98,0.15);

    border-color: var(--dqm-primary);

    color: var(--dqm-primary);

}



/* Preview box */

.dqm-preview-box {

    background: var(--dqm-bg-card);

    border: 1px solid var(--dqm-border);

    border-radius: var(--dqm-radius);

    padding: 24px;

    text-align: center;

    position: sticky;

    top: 32px;

}

.dqm-preview-placeholder { padding: 60px 20px; color: var(--dqm-text-secondary); font-size: 14px; }

.dqm-preview-box img { max-width: 220px; border-radius: 8px; margin-bottom: 12px; }

.dqm-preview-url { font-size: 13px; color: var(--dqm-primary); word-break: break-all; }



/* Filters */

.dqm-pub-filters { display: flex; gap: 12px; margin-bottom: 20px; flex-wrap: wrap; }

.dqm-pub-filters select {

    padding: 8px 14px;

    background: var(--dqm-bg-card);

    border: 1px solid var(--dqm-border);

    border-radius: 8px;

    color: var(--dqm-text);

    font-size: 13px;

}



/* PRO badges & upgrade */

.dqm-pro-badge {

    display: inline-block;

    padding: 2px 8px;

    background: linear-gradient(135deg, var(--dqm-primary), #b8943e);

    color: #fff;

    font-size: 9px;

    font-weight: 800;

    border-radius: 4px;

    letter-spacing: 1px;

    cursor: pointer;

    vertical-align: middle;

    margin-left: 6px;

}

.dqm-pro-badge:hover { opacity: 0.85; }

.dqm-upgrade-hint {

    display: flex;

    align-items: center;

    gap: 10px;

    padding: 14px 16px;

    background: rgba(201,169,98,0.06);

    border: 1px dashed rgba(201,169,98,0.2);

    border-radius: 10px;

    color: rgba(148,163,184,0.6);

    font-size: 13px;

    cursor: pointer;

    transition: all 0.2s;

}

.dqm-upgrade-hint:hover {

    border-color: var(--dqm-primary);

    color: var(--dqm-primary);

    background: rgba(201,169,98,0.1);

}



/* Subscription */

.dqm-sub-card {

    background: linear-gradient(135deg, rgba(30,41,59,0.95), rgba(15,23,42,0.98));

    border: 1px solid rgba(148,163,184,0.08);

    border-radius: 16px;

    padding: 28px;

    margin-bottom: 32px;

    position: relative;

    overflow: hidden;

}

.dqm-sub-card::before {

    content: '';

    position: absolute;

    top: 0; left: 0; right: 0;

    height: 1px;

    background: linear-gradient(90deg, transparent, rgba(201,169,98,0.4), transparent);

}

.dqm-sub-card-top { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 24px; }

.dqm-sub-plan-badge {

    display: inline-block;

    padding: 4px 14px;

    border-radius: 999px;

    color: #fff;

    font-size: 11px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 1px;

    margin-bottom: 8px;

}

.dqm-sub-price { font-size: 36px; font-weight: 800; color: #f8fafc; line-height: 1; }

.dqm-sub-price span { font-size: 14px; font-weight: 500; color: rgba(148,163,184,0.5); }

.dqm-sub-usage { margin-bottom: 20px; }

.dqm-sub-usage-header { display: flex; justify-content: space-between; font-size: 13px; color: rgba(148,163,184,0.6); margin-bottom: 8px; }

.dqm-sub-progress { height: 6px; background: rgba(148,163,184,0.1); border-radius: 3px; overflow: hidden; }

.dqm-sub-progress-bar { height: 100%; border-radius: 3px; transition: width 0.5s ease; }

.dqm-sub-features { display: flex; flex-wrap: wrap; gap: 8px 24px; }

.dqm-sub-feature { display: flex; align-items: center; gap: 8px; font-size: 13px; color: rgba(148,163,184,0.6); }



/* Plan cards */

.dqm-sub-plans { width: 100%; }
.dqm-plans-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    width: 100%;
}
.dqm-plans-grid .dqm-plan-card {
    min-height: 100%;
    padding: 28px 20px;
}
@media(max-width:1100px) { .dqm-plans-grid { gap: 14px; } .dqm-plans-grid .dqm-plan-card { padding: 24px 16px; } }
@media(max-width:900px) { .dqm-plans-grid { grid-template-columns: 1fr; max-width: 420px; margin: 0 auto; } }

.dqm-plan-card {

    background: linear-gradient(135deg, rgba(30,41,59,0.95), rgba(15,23,42,0.98));

    border: 1px solid rgba(148,163,184,0.08);

    border-radius: 16px;

    padding: 28px;

    position: relative;

    transition: all 0.3s;

}

.dqm-plan-card:hover {

    border-color: rgba(201,169,98,0.2);

    transform: translateY(-2px);

    box-shadow: 0 16px 32px rgba(0,0,0,0.2);

}

.dqm-plan-card.current {

    border-color: rgba(201,169,98,0.3);

    box-shadow: 0 0 40px rgba(201,169,98,0.06);

}

.dqm-plan-popular {

    position: absolute;

    top: -1px; left: 50%; transform: translateX(-50%);

    background: var(--dqm-primary);

    color: #fff;

    padding: 4px 16px;

    border-radius: 0 0 8px 8px;

    font-size: 10px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 1px;

}

.dqm-plan-name { font-size: 14px; font-weight: 600; color: rgba(148,163,184,0.6); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; }

.dqm-plan-price { font-size: 32px; font-weight: 800; color: #f8fafc; margin-bottom: 20px; line-height: 1; }

.dqm-plan-price span { font-size: 13px; font-weight: 500; color: rgba(148,163,184,0.4); }

.dqm-plan-features { margin-bottom: 20px; }

.dqm-plan-feat {

    display: flex; align-items: center; gap: 8px;

    font-size: 13px; color: rgba(148,163,184,0.5);

    padding: 6px 0; border-bottom: 1px solid rgba(148,163,184,0.04);

}



/* Toast */

.dqm-pub-toast {

    position: fixed;

    bottom: 20px; right: 20px;

    padding: 14px 24px;

    border-radius: 10px;

    color: #fff;

    font-weight: 600;

    font-size: 14px;

    z-index: 10000;

    animation: dqm-fadein 0.3s ease;

}

.dqm-pub-toast.success { background: var(--dqm-success); }

.dqm-pub-toast.error { background: var(--dqm-danger); }

@keyframes dqm-fadein {

    from { opacity: 0; transform: translateY(20px); }

    to { opacity: 1; transform: translateY(0); }

}



/* Cabinet responsive */

@media (max-width: 768px) {

    .dqm-cabinet { flex-direction: column; }

    .dqm-sidebar {

        width: 100%;

        border-right: none;

        border-bottom: 1px solid rgba(148,163,184,0.06);

        padding: 12px;

    }

    .dqm-sidebar-logo { margin-bottom: 12px; font-size: 18px; }

    .dqm-sidebar-nav { display: flex; flex-direction: row; gap: 2px; overflow-x: auto; }

    .dqm-nav-item { white-space: nowrap; padding: 8px 12px; font-size: 12px; gap: 6px; }

    .dqm-nav-item.active::before { display: none; }

    .dqm-sidebar-user { display: none; }

    .dqm-main { padding: 20px; }

    .dqm-type-grid { grid-template-columns: repeat(3, 1fr); }

    .dqm-create-preview { flex: 0 0 100%; }

}

/* ===== Analytics V3 — Clean ===== */
.dqm-an-header {
    display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:20px;
}
.dqm-an-header h1 { margin:0; font-size:22px; font-weight:600; color:var(--dqm-text,#f0f4f8); }
.dqm-an-controls { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.dqm-an-select {
    background:var(--dqm-bg-card,#0f172a); border:1px solid rgba(255,255,255,0.08); color:var(--dqm-text,#f0f4f8);
    padding:7px 28px 7px 12px; border-radius:8px; font-size:13px; cursor:pointer; outline:none;
    -webkit-appearance:none; appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat; background-position:right 10px center;
}
.dqm-an-select:focus { border-color:#c9a962; }
.dqm-an-btn-export {
    display:inline-flex; align-items:center; gap:5px; background:rgba(201,169,98,0.1); color:#c9a962;
    border:1px solid rgba(201,169,98,0.2); padding:7px 12px; border-radius:8px; font-size:13px; font-weight:500; cursor:pointer;
}
.dqm-an-btn-export:hover { background:rgba(201,169,98,0.18); }

/* Stats row */
.dqm-an-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:20px; }
.dqm-an-stat {
    display:flex; flex-direction:column; align-items:center; padding:14px 10px;
    background:var(--dqm-bg-card,#0f172a); border:1px solid rgba(255,255,255,0.06); border-radius:10px;
}
.dqm-an-stat-num { font-size:22px; font-weight:700; color:var(--dqm-text,#f0f4f8); line-height:1.2; }
.dqm-an-stat-label { font-size:11px; color:var(--dqm-text-secondary,#94a3b8); margin-top:4px; text-transform:uppercase; letter-spacing:0.5px; }

/* Upgrade */
.dqm-an-upgrade {
    display:flex; align-items:center; gap:16px; padding:20px; margin-bottom:20px;
    background:linear-gradient(135deg,rgba(201,169,98,0.06),rgba(99,102,241,0.06));
    border:1px dashed rgba(201,169,98,0.25); border-radius:12px;
}
.dqm-an-upgrade strong { color:var(--dqm-text,#f0f4f8); font-size:15px; display:block; margin-bottom:4px; }
.dqm-an-upgrade p { color:var(--dqm-text-secondary,#94a3b8); font-size:13px; margin:0; line-height:1.4; }
.dqm-an-btn-upgrade {
    flex-shrink:0; padding:8px 20px; background:transparent; color:#fff;
    border:none; border-radius:8px; font-size:13px; font-weight:600; cursor:pointer; white-space:nowrap;
}

/* AI Insights */
.dqm-an-insights {
    display:flex; gap:12px; padding:16px 20px; margin-bottom:16px;
    background:linear-gradient(135deg,rgba(201,169,98,0.05),rgba(139,92,246,0.05));
    border:1px solid rgba(201,169,98,0.12); border-radius:10px;
}
.dqm-an-insights-icon { font-size:18px; flex-shrink:0; margin-top:2px; }
.dqm-an-insights ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; }
.dqm-an-insights li { font-size:12px; color:var(--dqm-text-secondary,#94a3b8); line-height:1.5; }
.dqm-an-insights li strong { color:var(--dqm-text,#f0f4f8); }

/* Chart */
.dqm-an-chart-box {
    margin-bottom:20px; padding:16px; height:220px;
    background:var(--dqm-bg-card,#0f172a); border:1px solid rgba(255,255,255,0.06); border-radius:10px;
}

/* Scan Log */
.dqm-an-log-header {
    display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px;
}
.dqm-an-log-header h3 { margin:0; font-size:15px; font-weight:600; color:var(--dqm-text,#f0f4f8); }
.dqm-an-search {
    background:var(--dqm-bg-card,#0f172a); border:1px solid rgba(255,255,255,0.08); color:var(--dqm-text,#f0f4f8);
    padding:6px 12px; border-radius:6px; font-size:12px; outline:none; width:180px;
}
.dqm-an-search:focus { border-color:#c9a962; }
.dqm-an-search::placeholder { color:#64748b; }

.dqm-an-log-wrap {
    max-height:420px; overflow-y:auto; border:1px solid rgba(255,255,255,0.06); border-radius:10px;
    background:var(--dqm-bg-card,#0f172a);
    scrollbar-width:thin; scrollbar-color:rgba(255,255,255,0.08) transparent;
}
.dqm-an-log-wrap::-webkit-scrollbar { width:4px; }
.dqm-an-log-wrap::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.1); border-radius:4px; }

.dqm-an-log { width:100%; border-collapse:collapse; font-size:12px; }
.dqm-an-log thead { position:sticky; top:0; z-index:2; }
.dqm-an-log thead th {
    background:rgba(15,23,42,0.95); backdrop-filter:blur(8px);
    padding:10px 10px; text-align:left; font-size:11px; font-weight:600;
    color:var(--dqm-text-secondary,#94a3b8); text-transform:uppercase; letter-spacing:0.5px;
    border-bottom:1px solid rgba(255,255,255,0.08); white-space:nowrap;
}
.dqm-an-log tbody td {
    padding:8px 10px; border-bottom:1px solid rgba(255,255,255,0.03);
    color:var(--dqm-text,#f0f4f8); white-space:nowrap;
}
.dqm-an-log tbody tr:hover { background:rgba(255,255,255,0.02); }
.dqm-an-log tbody tr:last-child td { border-bottom:none; }

.dqm-an-new {
    display:inline-block; font-size:9px; font-weight:700; color:#10b981;
    background:rgba(16,185,129,0.12); padding:1px 5px; border-radius:3px; vertical-align:middle; margin-left:4px;
}

@media (max-width:768px) {
    .dqm-an-stats { grid-template-columns:repeat(2,1fr); }
    .dqm-an-header { flex-direction:column; align-items:flex-start; }
    .dqm-an-controls { width:100%; }
    .dqm-an-select { flex:1; min-width:0; }
    .dqm-an-log-header { flex-direction:column; align-items:flex-start; }
    .dqm-an-search { width:100%; }
}

/* Top bar strip */
#dqm-topbar-strip { font-size: 13px; }
#dqm-topbar-strip button, #dqm-topbar-strip a { transition: opacity .2s; }
#dqm-topbar-strip button:hover, #dqm-topbar-strip a:hover { opacity: 0.7; }

/* Support/AI widgets */
#dqm-support-chat, #dqm-ai-chat { max-height: 80vh; }
#dqm-fab-support { transition: transform .2s; }
#dqm-fab-support:hover { transform: scale(1.1); }

/* City map links */
.dqm-an-log a { color: #c9a962 !important; }
.dqm-an-log a:hover { color: #e0c77a !important; }

@media (max-width: 768px) {
    #dqm-topbar-strip { padding: 4px 10px; font-size: 12px; }
    #dqm-support-chat, #dqm-ai-chat { width: calc(100vw - 32px) !important; right: 16px !important; bottom: 60px !important; }
    #dqm-fab-support { width: 44px !important; height: 44px !important; font-size: 20px !important; }
}
/* ===== LIVE TICKER ===== */
.dqm-ticker{padding:0;background:rgba(8,11,21,.95);border-bottom:1px solid rgba(255,255,255,.06);overflow:hidden;position:fixed;top:0;left:0;right:0;z-index:10001;height:34px;display:flex;align-items:center}
.dqm-ticker-track{width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.dqm-ticker-inner{display:flex;gap:0;align-items:center;white-space:nowrap;font-size:.82rem;color:rgba(255,255,255,.8);letter-spacing:.01em;justify-content:center}
.dqm-ticker-item{display:inline-flex;align-items:center;gap:6px;padding:0 6px}
.dqm-ticker-dot{width:6px;height:6px;border-radius:50%;background:transparent;display:inline-block;opacity:.7;animation:dqm-pulse 2s ease-in-out infinite}
.dqm-ticker-sep{color:rgba(255,255,255,.2);padding:0 10px;font-size:.7rem}
.dqm-ticker-inner strong{color:var(--brand);font-weight:700}
@keyframes dqm-pulse{0%,100%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}
@media(max-width:768px){.dqm-ticker{height:32px;position:fixed;top:36px !important;left:0;right:0;z-index:10001;background:rgba(8,11,21,.95) !important}.dqm-ticker-inner{justify-content:flex-start;animation:dqm-marquee 18s linear infinite}.dqm-ticker-item{font-size:.78rem;padding:0 4px}.dqm-ticker-sep{padding:0 8px}}
@media(max-width:480px){.dqm-ticker{height:32px}.dqm-ticker-inner{animation-duration:14s}.dqm-ticker-item{font-size:.74rem}}
@keyframes dqm-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ===== SOCIAL PROOF ===== */
.dqm-social-proof{padding:48px 20px;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}
.dqm-proof-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:40px 60px;max-width:1100px;margin:0 auto}
.dqm-proof-item{text-align:center}
.dqm-proof-number{font-size:2.4rem;font-weight:900;color:#c9a962 !important;-webkit-text-fill-color:#c9a962 !important;line-height:1;margin-bottom:6px}
.dqm-proof-label{color:rgba(255,255,255,.5);font-size:.9rem}

/* ===== INTEGRATIONS ===== */
/* === Integrations — pro marquee === */
.dqm-integrations{padding:80px 0;text-align:center;overflow:hidden}
.dqm-integ-header{padding:0 20px;margin-bottom:48px}
.dqm-integ-label{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--brand);background:rgba(201,169,98,.1);border:1px solid rgba(201,169,98,.2);border-radius:999px;padding:6px 18px;margin-bottom:16px}
.dqm-integ-marquee{position:relative;width:100%;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);margin-bottom:16px}
.dqm-integ-track{display:flex;gap:20px;width:max-content;animation:dqm-integ-scroll 30s linear infinite}
.dqm-integ-marquee-rev .dqm-integ-track{animation:dqm-integ-scroll-rev 35s linear infinite}
.dqm-integ-card{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:14px 24px;white-space:nowrap;font-size:.9rem;font-weight:600;color:rgba(255,255,255,.85);transition:border-color .3s,transform .3s,background .3s;cursor:default;flex-shrink:0}
.dqm-integ-card:hover{border-color:rgba(201,169,98,.4);background:rgba(201,169,98,.06);transform:translateY(-2px)}
.dqm-integ-icon{width:28px;height:28px;flex-shrink:0}
@keyframes dqm-integ-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes dqm-integ-scroll-rev{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}
@media(max-width:768px){.dqm-integ-card{padding:10px 16px;font-size:.82rem;border-radius:10px;gap:8px}.dqm-integ-icon{width:22px;height:22px}.dqm-integ-track{gap:12px}.dqm-integrations{padding:60px 0}}

/* ===== DETAILED USE CASES ===== */
.dqm-detailed-cases{padding:80px 20px;text-align:center}
.dqm-dcases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:1100px;margin:0 auto;text-align:left}
.dqm-dcase{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:28px;transition:border-color .25s,transform .25s}
.dqm-dcase:hover{border-color:var(--brand);transform:translateY(-4px)}
.dqm-dcase-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:18px;border-radius:14px;background:rgba(201,169,98,.1);border:1px solid rgba(201,169,98,.15)}.dqm-dcase-icon svg{width:26px;height:26px;color:var(--brand)}.dqm-dcase:hover .dqm-dcase-icon{background:rgba(201,169,98,.18);border-color:rgba(201,169,98,.3)}
.dqm-dcase h3{margin:0 0 8px;font-size:1.1rem;color:#fff}
.dqm-dcase p{color:rgba(255,255,255,.55);font-size:.9rem;line-height:1.6;margin:0 0 16px}
.dqm-dcase-tags{display:flex;flex-wrap:wrap;gap:6px}
.dqm-dcase-tags span{background:rgba(var(--brand-rgb,201,169,98),.15);color:var(--brand);font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:20px}

/* ===== COMPARISON TABLE ===== */
.dqm-comparison{padding:80px 20px;text-align:center;background:rgba(255,255,255,.02)}
.dqm-compare-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:1100px;margin:0 auto}
.dqm-compare-table{width:100%;border-collapse:collapse;border-radius:18px;overflow:hidden;font-size:.95rem}
.dqm-compare-table th,.dqm-compare-table td{padding:14px 20px;text-align:center;border-bottom:1px solid rgba(255,255,255,.06)}
.dqm-compare-table th{background:rgba(255,255,255,.04);font-weight:700;font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.dqm-compare-table th.dqm-ours{color:var(--brand);background:rgba(var(--brand-rgb,201,169,98),.1)}
.dqm-compare-table td.dqm-ours{background:rgba(var(--brand-rgb,201,169,98),.05)}
.dqm-compare-table td:first-child{text-align:left;color:rgba(255,255,255,.85)}
.dqm-compare-table tr:last-child td{border-bottom:none}
.dqm-compare-table tr:hover td{background:rgba(255,255,255,.03)}
.dqm-check{color:#4ade80;font-size:1.1rem}
.dqm-cross{color:#f87171;font-size:1.1rem}
.dqm-partial{color:#fbbf24;font-size:1rem}

/* ===== TESTIMONIALS ===== */
.dqm-testimonials{padding:80px 20px;text-align:center}
.dqm-reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:22px;max-width:1100px;margin:0 auto;text-align:left}
.dqm-review{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:26px;display:flex;flex-direction:column;gap:16px}
.dqm-stars{color:#fbbf24;font-size:1rem;letter-spacing:2px}
.dqm-review-text{color:rgba(255,255,255,.85);font-size:.95rem;line-height:1.7;flex:1}
.dqm-review-author{display:flex;align-items:center;gap:12px}
.dqm-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--brand),rgba(var(--brand-rgb,201,169,98),.6));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#fff;flex-shrink:0}
.dqm-author-name{font-weight:700;font-size:.9rem;color:#fff}
.dqm-author-role{color:rgba(255,255,255,.45);font-size:.8rem}

/* ===== FAQ ===== */
/* ===== FAQ — clean accordion ===== */.dqm-faq{padding:80px 20px;text-align:center;background:transparent}.dqm-faq h2{font-size:clamp(1.5rem,3vw,2.2rem);margin-bottom:8px;color:#fff}.dqm-faq .dqm-section-sub{color:rgba(255,255,255,.4);margin-bottom:40px}.dqm-faq-list{max-width:720px;margin:0 auto;text-align:left}.dqm-faq-item{border-bottom:1px solid rgba(255,255,255,.07);overflow:hidden}.dqm-faq-q{width:100%;background:transparent !important;border:none !important;color:rgba(255,255,255,.85);font-size:.95rem;font-weight:500;text-align:left;padding:20px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;line-height:1.5;outline:none !important;-webkit-tap-highlight-color:transparent !important;appearance:none !important;box-shadow:none !important;transition:none !important}.dqm-faq-q:hover,.dqm-faq-q:focus,.dqm-faq-q:active,.dqm-faq-q:focus-visible{color:rgba(255,255,255,.85) !important;background:transparent !important;outline:none !important;box-shadow:none !important;border:none !important}.dqm-faq-chevron{width:18px;height:18px;flex-shrink:0;transition:transform .3s ease;color:rgba(255,255,255,.3)}.dqm-faq-item.open .dqm-faq-q{color:rgba(255,255,255,.85)}.dqm-faq-item.open .dqm-faq-chevron{transform:rotate(180deg);color:rgba(255,255,255,.5)}.dqm-faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .25s ease;color:rgba(255,255,255,.45);font-size:.9rem;line-height:1.7}.dqm-faq-item.open .dqm-faq-a{max-height:300px;padding-bottom:20px}

/* Ticker spacer */
.dqm-ticker + .dqm-mobile-menu, .dqm-ticker + * {margin-top:0}
.dqm-ticker-spacer{display:none}
@media(max-width:768px){.dqm-ticker-spacer{display:block;height:32px}}

/* === Upgrade Modal === */
.dqm-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:99999;backdrop-filter:blur(4px)}
.dqm-modal-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#1a1f2e;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:36px;max-width:440px;width:90%;z-index:100000;text-align:center}
.dqm-modal-box h3{color:#fff;font-size:1.2rem;margin:0 0 12px}
.dqm-modal-box p{color:rgba(255,255,255,.7);font-size:.95rem;line-height:1.5;margin:0 0 8px}
.dqm-modal-features{color:var(--brand,#c9a962) !important;font-size:.9rem}
.dqm-modal-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}
.dqm-btn-upgrade{background:transparent;color:#111;border:none;border-radius:10px;padding:12px 28px;font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .2s}
.dqm-btn-upgrade:hover{transform:translateY(-2px)}
.dqm-btn-secondary{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 28px;font-size:.95rem;cursor:pointer}
.dqm-btn-secondary:hover{background:rgba(255,255,255,.1)}
/* Transparent bg checkbox */
.dqm-pub-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;color:rgba(255,255,255,.85);font-size:.9rem}
.dqm-pub-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#c9a962;cursor:pointer}
.dqm-pro-badge-inline{background:transparent;color:#111;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.05em}
/* Guest preview watermark */
.dqm-guest-preview{position:relative;display:inline-block}
.dqm-guest-preview::after{content:'DEMO';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-30deg);font-size:48px;font-weight:900;color:rgba(255,255,255,.25);pointer-events:none;letter-spacing:8px;text-shadow:0 2px 8px rgba(0,0,0,.3)}

/* ===== PROMO BAR ===== */
.dqm-promo-bar{position:fixed;top:0;left:0;right:0;z-index:10002;background:linear-gradient(135deg,#1a1510 0%,#0d1117 100%);border-bottom:1px solid rgba(201,169,98,.2);padding:8px 0;font-size:.82rem;--promo-h:36px}
.dqm-promo-inner{display:flex;align-items:center;justify-content:center;gap:10px;max-width:1200px;margin:0 auto;padding:0 16px;flex-wrap:nowrap}
.dqm-promo-inner span{color:rgba(255,255,255,.8)}
.dqm-promo-inner strong{color:#c9a962}
.dqm-promo-btn{display:inline-block;background:transparent;color:#c9a962;font-size:.75rem;font-weight:700;padding:4px 14px;border:1px solid rgba(201,169,98,.4);border-radius:6px;text-decoration:none;white-space:nowrap;transition:transform .2s}
.dqm-promo-btn:hover{transform:translateY(-1px);color:#c9a962;border-color:#c9a962}
.dqm-promo-close{background:none;border:none;color:rgba(255,255,255,.3);font-size:1.2rem;cursor:pointer;padding:0 4px;line-height:1;margin-left:8px}
.dqm-promo-close:hover{color:#fff}

/* Adjust ticker and topbar positions for promo bar */
.dqm-ticker{top:var(--promo-h, 36px) !important}
.dqm-topbar{top:calc(var(--promo-h, 36px) + 34px) !important}

/* ===== HERO TRUST BADGES ===== */
.dqm-hero-trust{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:32px;animation:fadeInUp .6s ease both}
.dqm-hero-trust-item{display:inline-flex;align-items:center;gap:5px;font-size:.82rem;color:rgba(255,255,255,.65);font-weight:500}
.dqm-hero-trust-sep{color:rgba(255,255,255,.15);font-size:.6rem}

@media(max-width:768px){
    .dqm-promo-bar{font-size:.72rem}
    .dqm-promo-inner{gap:6px;text-align:center;flex-wrap:wrap}
    .dqm-promo-inner svg{display:none}
    .dqm-hero-trust{gap:6px}
    .dqm-hero-trust-item{font-size:.75rem}
}
/* ===== ROI CALCULATOR ===== */
.dqm-roi-section{padding:80px 5% 80px;max-width:1200px;margin:0 auto}
.dqm-roi-calc{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:48px}
.dqm-roi-inputs{display:flex;flex-direction:column;gap:20px}
.dqm-roi-field label{display:block;font-size:.85rem;color:rgba(255,255,255,.6);margin-bottom:6px;font-weight:600}
.dqm-roi-input-wrap{position:relative;display:flex;align-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:0 14px;transition:border-color .25s,box-shadow .25s}
.dqm-roi-input-wrap:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px rgba(201,169,98,.15)}
.dqm-roi-input-wrap svg{flex-shrink:0;color:rgba(255,255,255,.3)}
.dqm-roi-input-wrap input{flex:1;background:transparent;border:none;padding:14px 10px;color:#fff;font-size:1rem;outline:none;font-family:inherit;-moz-appearance:textfield}
.dqm-roi-input-wrap input::-webkit-outer-spin-button,.dqm-roi-input-wrap input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.dqm-roi-pct{color:rgba(255,255,255,.3);font-size:.9rem;font-weight:600}
.dqm-roi-hint{font-size:.72rem;color:rgba(255,255,255,.3);margin-top:4px;padding-left:2px}

.dqm-roi-results{display:flex;flex-direction:column;gap:16px}
.dqm-roi-result-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;text-align:center}
.dqm-roi-main{background:linear-gradient(135deg,rgba(201,169,98,.08) 0%,rgba(201,169,98,.02) 100%);border-color:rgba(201,169,98,.2)}
.dqm-roi-result-label{font-size:.8rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:8px}
.dqm-roi-result-value{font-size:2.4rem;font-weight:800;color:#fff;line-height:1.1}
.dqm-roi-main .dqm-roi-result-value{font-size:3rem;background:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.dqm-roi-result-sub{font-size:.78rem;color:rgba(255,255,255,.35);margin-top:4px}
.dqm-roi-result-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.dqm-roi-result-row .dqm-roi-result-value{font-size:1.6rem}
.dqm-roi-green{color:#4ade80 !important;-webkit-text-fill-color:#4ade80 !important}

@media(max-width:768px){
    .dqm-roi-section{padding:60px 5%}
    .dqm-roi-calc{grid-template-columns:1fr;gap:24px}
    .dqm-roi-result-row{grid-template-columns:1fr}
    .dqm-roi-main .dqm-roi-result-value{font-size:2.2rem}
}
/* ===== UPGRADED SECTIONS ===== */

/* Features grid upgrade */
.dqm-features {
    padding: 80px 5%;
    max-width: 1200px;
    margin: 0 auto;
}
.dqm-features h2,
.dqm-how-it-works h2,
.dqm-pricing h2 {
    font-size: clamp(1.6rem, 3.5vw, 2.4rem);
    font-weight: 800;
    text-align: center;
    margin-bottom: 8px;
}
.dqm-section-sub {
    text-align: center;
    color: var(--text-secondary);
    font-size: 1rem;
    margin-bottom: 48px;
}
.dqm-features-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
}
.dqm-feature-card {
    background: rgba(17, 24, 40, .7) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    border-radius: 18px !important;
    padding: 32px 28px !important;
    backdrop-filter: blur(12px);
    transition: all .35s cubic-bezier(.16,1,.3,1) !important;
    position: relative;
    overflow: hidden;
}
.dqm-feature-card:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(201,169,98,.2) !important;
    box-shadow: 0 20px 50px rgba(0,0,0,.3), 0 0 30px rgba(201,169,98,.06) !important;
}
.dqm-feature-card::before {
    background:transparent !important;
}
.dqm-feature-icon {
    width: 56px !important;
    height: 56px !important;
    background: rgba(201,169,98,.08) !important;
    border: 1px solid rgba(201,169,98,.12) !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 20px !important;
    transition: all .35s !important;
}
.dqm-feature-card:hover .dqm-feature-icon {
    background: rgba(201,169,98,.14) !important;
    border-color: rgba(201,169,98,.25) !important;
    box-shadow: 0 0 24px rgba(201,169,98,.12) !important;
    transform: scale(1.08) !important;
}
.dqm-feature-card h3 {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin-bottom: 8px !important;
}
.dqm-feature-card p {
    font-size: .88rem !important;
    color: rgba(255,255,255,.5) !important;
    line-height: 1.6 !important;
}

/* How it Works upgrade */
.dqm-how-it-works {
    padding: 80px 5%;
    max-width: 1000px;
    margin: 0 auto;
}
.dqm-steps {
    display: flex !important;
    align-items: flex-start !important;
    gap: 0 !important;
    justify-content: center !important;
    position: relative !important;
}
.dqm-step {
    flex: 1 !important;
    text-align: center !important;
    padding: 0 20px !important;
    position: relative !important;
    background: rgba(17,24,40,.6) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    border-radius: 18px !important;
    padding: 36px 24px 28px !important;
    margin: 0 8px !important;
    transition: all .35s !important;
}
.dqm-step:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(201,169,98,.15) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,.25) !important;
}
.dqm-step-num {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, rgba(201,169,98,.15), rgba(201,169,98,.05)) !important;
    border: 1px solid rgba(201,169,98,.2) !important;
    color: #c9a962 !important;
    font-size: 1rem !important;
    font-weight: 800 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 20px !important;
}
.dqm-step h3 {
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin-bottom: 8px !important;
}
.dqm-step p {
    font-size: .85rem !important;
    color: rgba(255,255,255,.45) !important;
    line-height: 1.5 !important;
}
.dqm-step-line {
    display: none !important;
}

/* Pricing upgrade */
.dqm-pricing {
    padding: 80px 5%;
    max-width: 1100px;
    margin: 0 auto;
}
.dqm-pricing-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    align-items: start !important;
}
.dqm-price-card {
    background: rgba(17,24,40,.7) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    border-radius: 20px !important;
    padding: 36px 28px !important;
    text-align: center !important;
    transition: all .35s !important;
    position: relative !important;
}
.dqm-price-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 20px 50px rgba(0,0,0,.3) !important;
}
.dqm-price-popular {
    border-color: rgba(201,169,98,.3) !important;
    background: linear-gradient(180deg, rgba(201,169,98,.06) 0%, rgba(17,24,40,.8) 40%) !important;
    transform: scale(1.03) !important;
}
.dqm-price-popular:hover {
    transform: scale(1.03) translateY(-6px) !important;
    box-shadow: 0 20px 60px rgba(201,169,98,.1), 0 0 40px rgba(201,169,98,.06) !important;
}
.dqm-price-badge {
    position: absolute !important;
    top: -12px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: linear-gradient(135deg, #c9a962, #d4b872) !important;
    color: #0a0e1a !important;
    font-size: .7rem !important;
    font-weight: 800 !important;
    padding: 5px 20px !important;
    border-radius: 50px !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
    white-space: nowrap !important;
}
.dqm-price-name {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: rgba(255,255,255,.6) !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    margin-bottom: 12px !important;
}
.dqm-price-amount {
    font-size: 3rem !important;
    font-weight: 800 !important;
    color: #fff !important;
    line-height: 1 !important;
    margin-bottom: 24px !important;
}
.dqm-price-currency {
    font-size: 1.4rem !important;
    vertical-align: super !important;
    color: rgba(255,255,255,.4) !important;
    margin-right: 2px !important;
}
.dqm-price-period {
    font-size: .85rem !important;
    font-weight: 500 !important;
    color: rgba(255,255,255,.3) !important;
}
.dqm-price-features {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 28px !important;
    text-align: left !important;
}
.dqm-price-features li {
    padding: 8px 0 !important;
    font-size: .88rem !important;
    color: rgba(255,255,255,.55) !important;
    border-bottom: 1px solid rgba(255,255,255,.04) !important;
}
.dqm-price-features li:last-child {
    border-bottom: none !important;
}
.dqm-price-popular .dqm-price-amount {
    background: linear-gradient(135deg, #c9a962, #e8d5a3) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* Section titles gradient text */
.dqm-section-title {
    font-size: clamp(1.6rem, 3.5vw, 2.4rem);
    font-weight: 800;
    text-align: center;
    margin-bottom: 8px;
}

/* Mobile overrides */
@media(max-width:768px) {
    .dqm-features-grid {
        grid-template-columns: 1fr !important;
    }
    .dqm-steps {
        flex-direction: column !important;
    }
    .dqm-step {
        margin: 0 0 12px !important;
    }
    .dqm-pricing-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    .dqm-price-popular {
        transform: none !important;
    }
    .dqm-price-popular:hover {
        transform: translateY(-4px) !important;
    }
}
/* Feature icon SVG color */
.dqm-feature-icon{color:#c9a962}
.dqm-feature-card:hover .dqm-feature-icon{color:#d4b872}

/* Step icons */
.dqm-step-num{color:#c9a962}
.dqm-step-num svg{stroke:#c9a962}
/* ===== USE CASES — match Features style ===== */
.dqm-use-cases{padding:80px 5%;max-width:1200px;margin:0 auto}
.dqm-use-cases h2{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800;text-align:center;margin-bottom:48px}
.dqm-cases-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:20px !important;margin-top:0 !important}
.dqm-case{background:rgba(17,24,40,.7) !important;border:1px solid rgba(255,255,255,.06) !important;border-radius:18px !important;padding:32px 24px !important;text-align:center !important;transition:all .35s cubic-bezier(.16,1,.3,1) !important;position:relative !important;overflow:hidden !important}
.dqm-case::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:transparent;opacity:0;transition:opacity .35s}
.dqm-case:hover{transform:translateY(-6px) !important;border-color:rgba(201,169,98,.2) !important;box-shadow:0 20px 50px rgba(0,0,0,.3),0 0 30px rgba(201,169,98,.06) !important}
.dqm-case:hover::before{opacity:1}
.dqm-case-icon{width:60px !important;height:60px !important;background:rgba(201,169,98,.08) !important;border:1px solid rgba(201,169,98,.12) !important;border-radius:14px !important;display:flex !important;align-items:center !important;justify-content:center !important;margin:0 auto 20px !important;transition:all .35s !important}
.dqm-case:hover .dqm-case-icon{background:rgba(201,169,98,.14) !important;border-color:rgba(201,169,98,.25) !important;box-shadow:0 0 24px rgba(201,169,98,.12) !important;transform:scale(1.08) !important}
.dqm-case h3{font-size:1.05rem !important;font-weight:700 !important;color:#fff !important;margin-bottom:8px !important}
.dqm-case p{font-size:.85rem !important;color:rgba(255,255,255,.5) !important;line-height:1.5 !important}

@media(max-width:768px){
    .dqm-cases-grid{grid-template-columns:1fr !important}
}

/* Hero video background */
.dqm-hero{position:relative;overflow:hidden;background:transparent}
.dqm-hero-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);z-index:0;object-fit:cover;pointer-events:none}
.dqm-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,11,20,.55) 0%,rgba(7,11,20,.70) 60%,transparent 100%);z-index:1}
.dqm-hero-content{position:relative;z-index:2}
.dqm-hero-stats{position:relative;z-index:2}
.dqm-hero-trust{position:relative;z-index:2}

/* Body background image */
body{background:#080B15 !important}

/* Animated body background */
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(2px 2px at 20% 30%,rgba(201,169,98,.4),transparent),radial-gradient(2px 2px at 70% 20%,rgba(201,169,98,.3),transparent),radial-gradient(3px 3px at 40% 70%,rgba(201,169,98,.25),transparent),radial-gradient(2px 2px at 80% 60%,rgba(201,169,98,.35),transparent),radial-gradient(2px 2px at 10% 80%,rgba(201,169,98,.2),transparent),radial-gradient(3px 3px at 60% 40%,rgba(201,169,98,.3),transparent),radial-gradient(2px 2px at 90% 90%,rgba(201,169,98,.25),transparent),radial-gradient(2px 2px at 50% 10%,rgba(201,169,98,.35),transparent);background-size:300% 300%;animation:dqmParticles 25s ease-in-out infinite}
body::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 600px 600px at 30% 50%,rgba(201,169,98,.06),transparent),radial-gradient(ellipse 500px 500px at 70% 30%,rgba(201,169,98,.04),transparent);background-size:200% 200%;animation:dqmGlow 15s ease-in-out infinite alternate}
@keyframes dqmParticles{0%{background-position:0% 0%}25%{background-position:50% 100%}50%{background-position:100% 50%}75%{background-position:30% 80%}100%{background-position:0% 0%}}
@keyframes dqmGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

/* Global mobile fix */
html,body{max-width:100vw;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}
img,video,svg,table,pre,code,iframe{max-width:100%}

@media(max-width:768px){
.dqm-hero{padding:300px 16px 40px 16px !important}
.dqm-hero h1{font-size:1.6rem !important;text-align:center}
.dqm-hero-sub{font-size:.9rem !important;text-align:center}
.dqm-hero-badge{justify-content:center;font-size:.75rem}
.dqm-hero-actions{flex-direction:column;align-items:center;gap:10px}
.dqm-hero-actions a{width:100%;text-align:center;justify-content:center}
.dqm-hero-trust{flex-wrap:wrap;justify-content:center;font-size:.72rem;gap:4px}
.dqm-hero-content{text-align:center;max-width:100%}
.dqm-topbar{padding:0 12px !important}
.dqm-topbar-actions{display:none}
.dqm-topbar-left{gap:8px}
.dqm-topbar-logo img{height:44px !important}
.dqm-burger{display:flex !important}
.dqm-landing section{padding:40px 14px !important}
.dqm-landing h2{font-size:1.4rem !important}
.dqm-features-grid,.dqm-pricing-grid,.dqm-cases-grid{grid-template-columns:1fr !important;gap:14px}
.dqm-steps{flex-direction:column !important;gap:14px}
.dqm-step{width:100% !important;max-width:100%}
.dqm-compare-table{font-size:.7rem}
.dqm-compare-table th,.dqm-compare-table td{padding:8px 6px}
.dqm-roi-grid{grid-template-columns:1fr !important}
.dqm-roi-results{grid-template-columns:1fr !important}
.dqm-video-inner{flex-direction:column !important}
.dqm-video-text,.dqm-video-player{width:100% !important;max-width:100%}
/* removed */
.dqm-footer-col{width:100% !important}
.dqm-promo-bar .dqm-promo-inner{font-size:.7rem;gap:6px}
.dqm-ticker{font-size:.7rem;height:28px}
.dqm-sticky-cta{display:flex !important}
.dqm-hero-video{min-width:auto;width:100%;height:100%;object-fit:cover}
}

@media(max-width:480px){
.dqm-hero h1{font-size:1.35rem !important}
.dqm-hero-sub{font-size:.82rem !important}
.dqm-hero-stats{flex-wrap:wrap}
.dqm-hero-stat{flex:0 0 48%;border-right:none !important;border-bottom:1px solid rgba(255,255,255,.06);padding:10px 0}
.dqm-hero-stat:nth-last-child(-n+2){border-bottom:none}
.dqm-landing h2{font-size:1.2rem !important}
.dqm-topbar-logo span{display:none}
}

/* Mobile header/hero/hologram fixes */
@media(max-width:768px){
.dqm-promo-bar{position:fixed;top:0;z-index:10002;width:100%;padding:4px 0 !important;height:28px;overflow:hidden;margin:0 !important;border:none !important}
.dqm-ticker{position:fixed;top:28px !important;z-index:10001;margin:0 !important;gap:0;padding:0 !important;height:28px !important;border:none !important}
.dqm-topbar{position:fixed;top:56px !important;z-index:10000;margin:0 !important;padding:0 12px;gap:0;border-top:none !important;border-bottom:none !important}
.dqm-hero{padding-top:300px !important}
.dqm-topbar-logo img{height:48px !important}
}

/* Mobile header/hero/hologram fixes */
@media(max-width:768px){
.dqm-promo-bar{position:fixed;top:0;z-index:10002;width:100%;padding:4px 0 !important;height:28px;overflow:hidden;margin:0 !important;border:none !important}
.dqm-ticker{position:fixed;top:28px !important;z-index:10001;margin:0 !important;gap:0;padding:0 !important;height:28px !important;border:none !important}
.dqm-topbar{position:fixed;top:56px !important;z-index:10000;margin:0 !important;padding:0 12px;gap:0;border-top:none !important;border-bottom:none !important}
.dqm-hero{padding-top:300px !important}
.dqm-topbar-logo img{height:48px !important}
}

/* Hologram chat label */
.dqm-holo-chat-label{display:flex;align-items:center;gap:6px;margin-bottom:8px;justify-content:center}
.dqm-holo-chat-label svg{flex-shrink:0}
.dqm-holo-chat-label span{color:#c9a962;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}

/* === Chat toggle button in header === */
.dqm-chat-toggle-btn{position:relative !important}
.dqm-chat-toggle-btn svg{stroke:#c9a962 !important}
.dqm-chat-badge{position:absolute;top:-2px;right:-4px;background:#c9a962;color:#0a0e1a;font-size:.5rem;font-weight:800;padding:1px 4px;border-radius:6px;line-height:1.2;letter-spacing:.02em}

/* === Chat widget — desktop === */
.dqm-chat-widget{
    background:rgba(10,14,26,.98) !important;
    border:1px solid rgba(201,169,98,.15) !important;
    border-radius:16px !important;
    box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 0 1px rgba(201,169,98,.08) !important;
    backdrop-filter:blur(20px) !important;-webkit-backdrop-filter:blur(20px) !important;
    overflow:hidden !important;
}
.dqm-chat-header{
    display:flex !important;align-items:center !important;justify-content:space-between !important;
    padding:14px 18px !important;
    background:rgba(201,169,98,.06) !important;
    border-bottom:1px solid rgba(201,169,98,.1) !important;
}
.dqm-chat-header-left{display:flex;align-items:center;gap:10px}
.dqm-chat-avatar{
    width:36px;height:36px;border-radius:10px;
    background:rgba(201,169,98,.12);border:1px solid rgba(201,169,98,.2);
    display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.dqm-chat-avatar svg{stroke:#c9a962 !important;width:18px !important;height:18px !important}
.dqm-chat-header-title{font-size:.88rem !important;font-weight:700 !important;color:#fff !important}
.dqm-chat-header-sub{font-size:.7rem !important;color:rgba(255,255,255,.4) !important;display:flex;align-items:center;gap:4px}
.dqm-chat-online{width:6px;height:6px;border-radius:50%;background:#22c55e;display:inline-block;animation:dqm-pulse 2s ease-in-out infinite}
@keyframes dqm-pulse{0%,100%{opacity:1}50%{opacity:.4}}
button.dqm-chat-close{
    background:rgba(255,255,255,.04) !important;border:none !important;
    color:rgba(255,255,255,.35) !important;cursor:pointer !important;
    padding:6px !important;border-radius:8px !important;transition:all .2s !important;
    display:flex !important;align-items:center !important;justify-content:center !important;
}
button.dqm-chat-close:hover{color:#fff !important;background:rgba(255,255,255,.1) !important}
.dqm-chat-messages{
    background:transparent !important;padding:16px !important;
    overflow-y:auto !important;flex:1 !important;
}
.dqm-chat-msg{
    line-height:1.55 !important;font-size:.86rem !important;
    padding:10px 14px !important;margin-bottom:10px !important;
}
.dqm-chat-msg.bot{
    background:rgba(201,169,98,.06) !important;
    border:1px solid rgba(201,169,98,.08) !important;
    border-radius:14px 14px 14px 4px !important;
    color:rgba(255,255,255,.8) !important;
}
.dqm-chat-msg.user{
    background:rgba(255,255,255,.06) !important;
    border:1px solid rgba(255,255,255,.06) !important;
    border-radius:14px 14px 4px 14px !important;
    color:#fff !important;
}
.dqm-chat-input-wrap{
    display:flex !important;align-items:center !important;
    gap:8px !important;padding:12px 14px !important;
    border-top:1px solid rgba(201,169,98,.08) !important;
    background:rgba(10,14,26,.6) !important;
}
.dqm-chat-input{
    flex:1 !important;
    background:rgba(255,255,255,.04) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:10px !important;
    padding:10px 14px !important;
    color:#fff !important;font-size:.86rem !important;
    outline:none !important;
}
.dqm-chat-input:focus{border-color:rgba(201,169,98,.3) !important}
.dqm-chat-send{
    width:40px !important;height:40px !important;min-width:40px !important;
    border-radius:10px !important;
    background:transparent !important;
    border:none !important;
    display:flex !important;align-items:center !important;justify-content:center !important;
    cursor:pointer !important;transition:all .2s !important;
    text-decoration:none !important;
}
.dqm-chat-send:hover{opacity:.7 !important}
.dqm-chat-send svg{stroke:#c9a962 !important;width:20px !important;height:20px !important}
/* QR Generator */
.dqm-generator{padding:80px 5% 60px;max-width:1200px;margin:0 auto}
.dqm-generator-header{text-align:center;margin-bottom:48px}
.dqm-gen-wrap{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:start}
.dqm-gen-form{background:rgba(201,169,98,.04);border:1px solid rgba(201,169,98,.1);border-radius:20px;padding:32px}
.dqm-gen-types{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.dqm-gen-type{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 14px;color:rgba(255,255,255,.6);font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}
.dqm-gen-type:hover{border-color:rgba(201,169,98,.3);color:#fff}
.dqm-gen-type.active{background:rgba(201,169,98,.15);border-color:rgba(201,169,98,.4);color:#c9a962}
.dqm-gen-fields{margin-bottom:20px}
.dqm-gen-fields label{display:block;color:rgba(255,255,255,.5);font-size:.8rem;margin-bottom:6px;margin-top:12px}
.dqm-gen-fields label:first-child{margin-top:0}
.dqm-gen-input{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 14px;color:#fff;font-size:.9rem;outline:none;transition:border-color .2s;box-sizing:border-box}
.dqm-gen-input:focus{border-color:rgba(201,169,98,.4)}
.dqm-gen-input::placeholder{color:rgba(255,255,255,.25)}
textarea.dqm-gen-input{resize:vertical}
select.dqm-gen-input{appearance:none;cursor:pointer}
.dqm-gen-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dqm-gen-custom{margin:20px 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.06)}
.dqm-gen-color{width:44px;height:44px;border:2px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;padding:2px;background:transparent}
.dqm-gen-size-wrap{display:flex;align-items:center;gap:10px}
.dqm-gen-range{flex:1;accent-color:#c9a962;height:4px}
#gen-size-val{color:rgba(255,255,255,.5);font-size:.8rem;min-width:45px}
.dqm-gen-create{width:100%;justify-content:center;gap:8px;padding:14px !important;font-size:1rem !important}
.dqm-gen-preview{position:sticky;top:100px}
.dqm-gen-preview-box{background:rgba(255,255,255,.03);border:1px solid rgba(201,169,98,.1);border-radius:20px;padding:32px;display:flex;align-items:center;justify-content:center;min-height:320px}
.dqm-gen-placeholder{text-align:center;color:rgba(255,255,255,.2)}
.dqm-gen-placeholder p{margin-top:16px;font-size:.9rem}
#gen-canvas{border-radius:12px;max-width:100%}
.dqm-gen-download{width:100%;margin-top:16px;justify-content:center;gap:8px;background:#fff !important;color:#0a0e1a !important;border:none !important;border-radius:12px !important;padding:14px !important;font-weight:700;font-size:.95rem;letter-spacing:.02em}
.dqm-gen-download:hover{background:#f0f0f0 !important;transform:translateY(-1px)}

/* Auth Modal */
.dqm-auth-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px}
.dqm-auth-modal{background:rgba(10,14,26,.98);border:1px solid rgba(201,169,98,.15);border-radius:24px;padding:40px;max-width:420px;width:100%;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.dqm-auth-close{position:absolute;top:16px;right:16px;background:none;border:none;color:rgba(255,255,255,.4);font-size:24px;cursor:pointer;padding:4px 8px;border-radius:8px;transition:all .2s}
.dqm-auth-close:hover{color:#fff;background:rgba(255,255,255,.08)}
.dqm-auth-header{text-align:center;margin-bottom:28px}
.dqm-auth-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:top;border:2px solid rgba(201,169,98,.3);margin-bottom:16px}
.dqm-auth-header h3{color:#fff;font-size:1.3rem;margin:0 0 8px}
.dqm-auth-header p{color:rgba(255,255,255,.5);font-size:.9rem;margin:0}
.dqm-auth-buttons{display:flex;flex-direction:column;gap:10px}
.dqm-auth-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;font-size:.9rem;cursor:pointer;transition:all .2s;font-weight:500}
.dqm-auth-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}
.dqm-auth-google{background:rgba(66,133,244,.1);border-color:rgba(66,133,244,.2)}
.dqm-auth-google:hover{background:rgba(66,133,244,.2)}
.dqm-auth-facebook{background:rgba(24,119,242,.1);border-color:rgba(24,119,242,.2)}
.dqm-auth-facebook:hover{background:rgba(24,119,242,.2)}
.dqm-auth-apple{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}
.dqm-auth-divider{text-align:center;color:rgba(255,255,255,.3);font-size:.8rem;margin:6px 0;position:relative}
.dqm-auth-divider::before,.dqm-auth-divider::after{content:'';position:absolute;top:50%;width:calc(50% - 20px);height:1px;background:rgba(255,255,255,.1)}
.dqm-auth-divider::before{left:0}
.dqm-auth-divider::after{right:0}
.dqm-auth-email-form{display:flex;flex-direction:column}
.dqm-auth-terms{text-align:center;color:rgba(255,255,255,.3);font-size:.75rem;margin-top:20px}
.dqm-auth-terms a{color:rgba(201,169,98,.6)}

@media(max-width:768px){
.dqm-gen-wrap{grid-template-columns:1fr;gap:20px}
.dqm-gen-preview{position:static;min-height:auto}
.dqm-gen-types{gap:6px}
.dqm-gen-type{padding:6px 10px;font-size:.78rem}
.dqm-gen-row{grid-template-columns:1fr}
.dqm-generator{padding:40px 4% 32px}
.dqm-generator-header{margin-bottom:28px}
.dqm-generator-header h2{font-size:1.3rem !important}
.dqm-gen-form{padding:20px 16px;border-radius:14px}
.dqm-gen-canvas-wrap{min-width:auto;min-height:auto;padding:16px}
#gen-canvas{max-width:100%}
.dqm-gen-style-picker{margin-top:12px}
.dqm-gen-style-label{font-size:.65rem;margin-bottom:8px}
.dqm-gen-pro-features{gap:6px}
.dqm-gen-pro-row{padding:8px 12px;font-size:.78rem;border-radius:8px}
.dqm-gen-pro-row svg{width:16px;height:16px}
.dqm-gen-btn{padding:12px;font-size:.85rem}
.dqm-gen-dl{padding:10px 16px;font-size:.78rem}
.dqm-gen-modal{padding:24px 18px;max-width:92%;border-radius:16px}
.dqm-gen-modal h3{font-size:1rem}
.dqm-gen-modal p{font-size:.82rem}
/* Pricing mobile */
.dqm-pricing{padding:40px 4% !important}
.dqm-pricing h2{font-size:1.3rem !important}
.dqm-price-card{padding:24px 18px !important;border-radius:14px !important}
.dqm-price-amount{font-size:2rem !important}
.dqm-price-features{font-size:.82rem !important}
.dqm-price-features li{padding:6px 0 !important}
.dqm-price-footer{margin-top:20px;padding:14px 16px}
.dqm-price-footer p{font-size:.72rem}
.dqm-price-trial-info{font-size:.62rem}
/* Mobile: hide hologram, show only chat widget */
.dqm-hologram{display:none !important}
/* Sticky chat button — clean icon, no circle */
button.dqm-sticky-chat,
button.dqm-sticky-chat[id] {
    display:flex !important;
    width:52px !important;height:52px !important;
    bottom:18px !important;right:16px !important;
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    z-index:10001 !important;
    align-items:center !important;justify-content:center !important;
    padding:0 !important;
    cursor:pointer !important;
    -webkit-tap-highlight-color:transparent !important;
}
button.dqm-sticky-chat svg {
    width:34px !important;height:34px !important;
    stroke:#c9a962 !important;
    filter:drop-shadow(0 2px 8px rgba(201,169,98,.5)) !important;
    transition:all .2s ease !important;
}
button.dqm-sticky-chat:active svg {
    transform:scale(.9) !important;
    filter:drop-shadow(0 1px 4px rgba(201,169,98,.6)) !important;
}
/* Chat widget — fullscreen app-like */
.dqm-chat-widget{
    position:fixed !important;
    width:100% !important;height:100% !important;
    right:0 !important;bottom:0 !important;left:0 !important;top:0 !important;
    border-radius:0 !important;border:none !important;
    z-index:10002 !important;
    background:rgba(10,14,26,.98) !important;
}
.dqm-chat-header{
    padding:16px 18px !important;
    background:linear-gradient(135deg,rgba(201,169,98,.1),rgba(10,14,26,.99)) !important;
    border-bottom:1px solid rgba(201,169,98,.12) !important;
}
.dqm-chat-header-title{font-size:.92rem !important}
.dqm-chat-header-sub{font-size:.72rem !important;color:rgba(255,255,255,.4) !important}
.dqm-chat-close{
    width:40px !important;height:40px !important;min-width:40px !important;
    display:flex !important;align-items:center !important;justify-content:center !important;
    border-radius:50% !important;background:rgba(255,255,255,.06) !important;
    color:rgba(255,255,255,.5) !important;font-size:1.2rem !important;
}
.dqm-chat-messages{
    padding:16px 14px !important;flex:1 !important;
    -webkit-overflow-scrolling:touch !important;
}
.dqm-chat-msg{
    padding:12px 16px !important;font-size:.88rem !important;
    max-width:82% !important;border-radius:14px !important;line-height:1.5 !important;
}
.dqm-chat-msg.bot{
    background:rgba(201,169,98,.08) !important;
    border:1px solid rgba(201,169,98,.12) !important;
}
.dqm-chat-msg.user{
    background:rgba(255,255,255,.06) !important;
    border:1px solid rgba(255,255,255,.08) !important;
}
.dqm-chat-input-wrap{
    padding:12px 14px !important;gap:10px !important;
    border-top:1px solid rgba(201,169,98,.08) !important;
    background:rgba(10,14,26,.95) !important;
}
.dqm-chat-input{
    padding:14px 16px !important;font-size:.9rem !important;
    border-radius:14px !important;
    background:rgba(255,255,255,.04) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    color:#fff !important;
}
.dqm-chat-input:focus{border-color:rgba(201,169,98,.3) !important}
/* Comparison table mobile */
.dqm-compare-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.dqm-compare-table{min-width:600px}
/* Auth modal mobile */
.dqm-auth-modal{padding:24px 16px}
/* FAQ mobile */
.dqm-faq-q{padding:14px 12px !important;font-size:.88rem !important}
.dqm-faq-a{padding:0 12px 14px !important;font-size:.82rem !important}
}
/* === GLOBAL PINK KILL — force gold on all interactive states === */
*:focus,*:focus-visible,*:active{outline-color:rgba(201,169,98,.5) !important}
::selection{background:rgba(201,169,98,.3) !important;color:#fff !important}
::-moz-selection{background:rgba(201,169,98,.3) !important;color:#fff !important}
a:hover,a:focus,a:active{color:#c9a962 !important;outline:none !important}
button:hover,button:focus,button:active,
input[type="submit"]:hover,input[type="submit"]:focus,
input[type="button"]:hover,input[type="button"]:focus{outline:none !important;box-shadow:none !important}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(201,169,98,.4) !important;outline-offset:2px}
input:focus,select:focus,textarea:focus{border-color:rgba(201,169,98,.4) !important;box-shadow:0 0 0 2px rgba(201,169,98,.1) !important;outline:none !important}
input[type="range"]::-webkit-slider-thumb{background:#c9a962 !important}
input[type="range"]::-moz-range-thumb{background:#c9a962 !important}
input[type="range"]::-webkit-slider-runnable-track{background:rgba(201,169,98,.2) !important}
input[type="color"]{border-color:rgba(201,169,98,.2) !important}
input[type="color"]:focus{border-color:rgba(201,169,98,.5) !important}
.dqm-gen-type:focus,.dqm-gen-type:active{outline:none !important;box-shadow:none !important}
.dqm-btn:hover,.dqm-btn:focus,.dqm-btn:active{outline:none !important;box-shadow:none !important}
.dqm-auth-btn:focus,.dqm-auth-btn:active{outline:none !important;box-shadow:none !important}
/* WP core pink overrides */
.wp-element-button:hover,.wp-block-button__link:hover{background:#c9a962 !important;color:#0a0e1a !important}
a:where(:not(.wp-element-button)){text-decoration:none}
:root{--wp--preset--color--vivid-red:#c9a962 !important;--wp--preset--color--luminous-vivid-orange:#c9a962 !important;--wp--preset--color--vivid-cyan-blue:#c9a962 !important;--wp--preset--color--vivid-purple:#c9a962 !important}
/* === CTA section fix === */
.dqm-cta{padding:80px 20px;text-align:center;position:relative}
.dqm-cta-inner{max-width:600px;margin:0 auto}
.dqm-cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

/* === Footer structure fix === */
.dqm-footer{background:#060a16;border-top:1px solid rgba(255,255,255,.05);padding:60px 24px 0;position:relative;z-index:1}
/* removed */
.dqm-footer-brand{max-width:320px}
.dqm-footer-logo{font-size:1.6rem;font-weight:800;letter-spacing:.04em;color:#fff;margin-bottom:12px}
.dqm-footer-desc{font-size:.88rem;color:rgba(255,255,255,.4);line-height:1.6}
.dqm-footer-links{display:flex;gap:48px}
.dqm-footer-col h4{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.55);margin-bottom:14px}
.dqm-footer-col a{display:block;font-size:.88rem;color:rgba(255,255,255,.4);text-decoration:none;padding:4px 0;transition:color .2s}
.dqm-footer-col a:hover{color:rgba(255,255,255,.75)}
.dqm-footer-bottom{max-width:1100px;margin:0 auto;border-top:1px solid rgba(255,255,255,.06);padding:20px 0;text-align:center;font-size:.78rem;color:rgba(255,255,255,.3)}
@media(max-width:768px){
/* removed */
.dqm-footer-links{flex-wrap:wrap;gap:32px}
.dqm-footer-brand{max-width:100%}
}

/* === Footer professional === */
.dqm-footer-inner{max-width:1100px;margin:0 auto;display:grid !important;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px}
.dqm-footer-brand-col{display:flex;flex-direction:column;gap:12px}
.dqm-footer-logo-link{display:inline-block}
.dqm-footer-logo-img{height:36px;width:auto}
.dqm-footer-desc{font-size:.85rem;color:rgba(255,255,255,.35);line-height:1.6;margin:0}
@media(max-width:768px){.dqm-footer-inner{grid-template-columns:1fr 1fr !important;gap:28px}}
@media(max-width:480px){.dqm-footer-inner{grid-template-columns:1fr !important}}


/* === Google login button === */
.dqm-auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:rgba(255,255,255,.3);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}
.dqm-auth-divider::before,.dqm-auth-divider::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.08)}
.dqm-google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff !important;font-size:.9rem;cursor:pointer;transition:all .2s;font-weight:500;text-decoration:none !important}
.dqm-google-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff !important;text-decoration:none !important}

/* === Login form text visibility fix === */
.dqm-auth-form label{color:#cbd5e1 !important;font-size:12px;font-weight:600}
.dqm-auth-form input[type="text"],.dqm-auth-form input[type="email"],.dqm-auth-form input[type="password"]{color:#f0f4f8 !important;background:rgba(255,255,255,.06) !important;border-color:rgba(255,255,255,.15) !important}
.dqm-auth-form input::placeholder{color:#64748b !important}
.dqm-remember{color:#cbd5e1 !important}
.dqm-auth-footer a{color:rgba(255,255,255,.5) !important}
.dqm-auth-footer a:hover{color:#c9a962 !important}

/* Trust Badges */
.dqm-badges{display:flex !important;flex-flow:row wrap !important;justify-content:center !important;align-items:center !important;gap:8px 14px !important;margin-top:20px !important}
.dqm-badge-item{display:inline-flex !important;align-items:center !important;gap:6px;background:rgba(201,169,98,.06);border:1px solid rgba(201,169,98,.12);border-radius:50px;padding:6px 14px;font-size:.76rem;color:rgba(255,255,255,.75);font-weight:500;white-space:nowrap}
@media(max-width:768px){.dqm-badges{gap:6px 8px !important}.dqm-badge-item{font-size:.68rem;padding:4px 10px}}

/* === Dark theme for blog posts and pages === */
body.single-post,
body.page:not(.page-id-272):not(.page-id-287):not(.page-id-273) {
    background: #080B15 !important;
    color: #e8ecf0 !important;
}
body.single-post .site-header,
body.page:not(.page-id-272):not(.page-id-287):not(.page-id-273) .site-header {
    display: none !important;
}
body.single-post .site-footer,
body.page:not(.page-id-272):not(.page-id-287):not(.page-id-273) .site-footer {
    display: none !important;
}
body.single-post .entry-title,
body.single-post .page-header {
    display: none !important;
}
body.single-post .page-content,
body.single-post .entry-content,
body.page .page-content {
    max-width: 860px !important;
    margin: 0 auto !important;
    padding: 40px 24px !important;
    color: #cbd5e1 !important;
    font-family: "Segoe UI", Inter, -apple-system, sans-serif !important;
    line-height: 1.7 !important;
}
body.single-post h1, body.single-post h2, body.single-post h3,
body.page h1, body.page h2, body.page h3 {
    color: #f0f4f8 !important;
    font-weight: 700 !important;
}
body.single-post h1 { font-size: 2rem !important; margin-bottom: 16px !important; }
body.single-post h2 { font-size: 1.5rem !important; margin: 32px 0 12px !important; border-bottom: 1px solid rgba(201,169,98,.15); padding-bottom: 8px; }
body.single-post h3 { font-size: 1.2rem !important; margin: 24px 0 8px !important; color: #c9a962 !important; }
body.single-post p { margin-bottom: 16px !important; color: #94a3b8 !important; }
body.single-post a { color: #c9a962 !important; text-decoration: none !important; }
body.single-post a:hover { text-decoration: underline !important; }
body.single-post ul, body.single-post ol { color: #94a3b8 !important; padding-left: 24px !important; margin-bottom: 16px !important; }
body.single-post li { margin-bottom: 6px !important; }
body.single-post strong { color: #e2e8f0 !important; }
body.single-post img { max-width: 100% !important; height: auto !important; border-radius: 12px !important; margin: 16px 0 !important; }
body.single-post table { width: 100%; border-collapse: collapse; margin: 20px 0; }
body.single-post th, body.single-post td { padding: 10px 14px; border: 1px solid rgba(148,163,184,.15); color: #94a3b8; font-size: .9rem; }
body.single-post th { background: rgba(201,169,98,.08); color: #c9a962; font-weight: 700; }
body.single-post blockquote { border-left: 3px solid #c9a962; padding-left: 16px; color: #94a3b8; font-style: italic; margin: 20px 0; }

/* CTA block in posts */
body.single-post .entry-content div[style*="background"] {
    border-radius: 16px !important;
    margin: 32px 0 !important;
}

/* === Styled Comment Form === */
body.single-post .comments-area,
body.single-post #comments {
    max-width: 860px;
    margin: 48px auto 0;
    padding: 0 24px;
}
body.single-post .comments-title,
body.single-post #reply-title {
    color: #f0f4f8 !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    margin-bottom: 24px !important;
}
body.single-post #reply-title small {
    display: block;
    margin-top: 8px;
}
body.single-post #reply-title small a {
    color: #c9a962 !important;
    font-size: .85rem;
}
body.single-post .comment-form label {
    color: #94a3b8 !important;
    font-size: .88rem !important;
    font-weight: 600 !important;
    display: block !important;
    margin-bottom: 6px !important;
}
body.single-post .comment-form input[type="text"],
body.single-post .comment-form input[type="email"],
body.single-post .comment-form input[type="url"],
body.single-post .comment-form textarea {
    width: 100% !important;
    background: rgba(255,255,255,.04) !important;
    border: 1px solid rgba(148,163,184,.15) !important;
    border-radius: 12px !important;
    color: #e2e8f0 !important;
    padding: 14px 16px !important;
    font-size: .92rem !important;
    font-family: "Segoe UI", Inter, -apple-system, sans-serif !important;
    transition: border-color .25s, box-shadow .25s !important;
    outline: none !important;
    -webkit-appearance: none !important;
}
body.single-post .comment-form input:focus,
body.single-post .comment-form textarea:focus {
    border-color: rgba(201,169,98,.5) !important;
    box-shadow: 0 0 0 3px rgba(201,169,98,.1) !important;
}
body.single-post .comment-form textarea {
    min-height: 140px !important;
    resize: vertical !important;
}
body.single-post .comment-form .form-submit input[type="submit"],
body.single-post .comment-form .submit {
    background:transparent !important;
    color: #c9a962 !important;
    border: 1px solid rgba(201,169,98,.4) !important;
    border-radius: 12px !important;
    padding: 14px 32px !important;
    font-size: .95rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all .25s !important;
    font-family: inherit !important;
    letter-spacing: .02em !important;
}
body.single-post .comment-form .form-submit input[type="submit"]:hover,
body.single-post .comment-form .submit:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(201,169,98,.3) !important;
}
body.single-post .comment-form p {
    margin-bottom: 18px !important;
}
body.single-post .comment-form .comment-notes {
    color: #64748b !important;
    font-size: .82rem !important;
}
body.single-post .comment-form .required-field-message {
    color: #64748b !important;
}
body.single-post .comment-form .required {
    color: #c9a962 !important;
}
/* Comment list */
body.single-post .comment-list {
    list-style: none !important;
    padding: 0 !important;
}
body.single-post .comment-list .comment {
    background: rgba(255,255,255,.03) !important;
    border: 1px solid rgba(148,163,184,.1) !important;
    border-radius: 16px !important;
    padding: 20px 24px !important;
    margin-bottom: 16px !important;
}
body.single-post .comment-author {
    color: #c9a962 !important;
    font-weight: 700 !important;
}
body.single-post .comment-author img {
    border-radius: 50% !important;
    margin-right: 10px !important;
}
body.single-post .comment-metadata {
    color: #64748b !important;
    font-size: .78rem !important;
}
body.single-post .comment-metadata a {
    color: #64748b !important;
}
body.single-post .comment-content p {
    color: #94a3b8 !important;
}
body.single-post .comment-reply-link {
    color: #c9a962 !important;
    font-size: .82rem !important;
    font-weight: 600 !important;
}
/* Logged in as */
body.single-post .logged-in-as {
    color: #64748b !important;
    font-size: .85rem !important;
}
body.single-post .logged-in-as a {
    color: #c9a962 !important;
}
/* Cookie consent checkbox */
body.single-post .comment-form-cookies-consent label {
    color: #64748b !important;
    font-size: .82rem !important;
    font-weight: 400 !important;
}
/* Fix ALL buttons text visibility on dark theme */
body.single-post button,
body.single-post .wp-element-button,
body.single-post .wp-block-button__link,
body.single-post a.wp-element-button,
body.page button,
body.page .wp-element-button,
body.page .wp-block-button__link {
    color: #c9a962 !important;
    background:transparent !important;
    border: 1px solid rgba(201,169,98,.4) !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    padding: 12px 24px !important;
    cursor: pointer !important;
}
body.single-post button:hover,
body.single-post .wp-element-button:hover,
body.page button:hover,
body.page .wp-element-button:hover {
    box-shadow: 0 6px 20px rgba(201,169,98,.3) !important;
    transform: translateY(-1px) !important;
}
/* Navigation / utility buttons - white text */
body.single-post .nav-links a,
body.single-post .page-numbers,
body.page .nav-links a {
    color: #c9a962 !important;
    background: rgba(255,255,255,.04) !important;
    border: 1px solid rgba(201,169,98,.2) !important;
    border-radius: 8px !important;
    padding: 8px 16px !important;
}
body.single-post .nav-links a:hover,
body.page .nav-links a:hover {
    background: rgba(201,169,98,.1) !important;
}




/* FIX: Ticker marquee on ALL screens + ticker dots green */
@keyframes dqm-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.dqm-ticker-inner{animation:dqm-marquee 25s linear infinite!important;display:flex!important;gap:0!important;width:max-content!important}
.dqm-ticker-dot{background:#4ade80!important}
.dqm-ticker{display:flex!important;visibility:visible!important;opacity:1!important}

/* FIX: All elements visible immediately */
[data-animate]{opacity:1!important;transform:none!important}

/* === Unified Button Styles === */
.dqm-btn-primary,
.dqm-gen-btn,
.dqm-price-btn,
.dqm-topbar-btn,
.dqm-hologram-btn-start,
.dqm-gc-generate,
.dqm-gc-download,
.dqm-gc-hbtn,
.dqm-gc-modal-btn-primary,
.dqm-seo-btn-primary,
.dqm-seo-sticky-btn,
.dqm-sticky-cta-btn,
.dqm-promo-btn,
#gen-create,
#pub-save-qr,
input[type="submit"] {
    background: transparent !important;
    border: 1px solid rgba(201,169,98,.5) !important;
    color: #c9a962 !important;
    border-radius: 10px !important;
    transition: all .2s ease;
}

.dqm-btn-primary:hover,
.dqm-gen-btn:hover,
.dqm-price-btn:hover,
.dqm-topbar-btn:hover,
.dqm-hologram-btn-start:hover,
.dqm-gc-generate:hover,
.dqm-gc-download:hover,
.dqm-gc-hbtn:hover,
.dqm-gc-modal-btn-primary:hover,
.dqm-seo-btn-primary:hover,
.dqm-seo-sticky-btn:hover,
.dqm-sticky-cta-btn:hover,
.dqm-promo-btn:hover,
#gen-create:hover,
#pub-save-qr:hover,
input[type="submit"]:hover {
    background: rgba(201,169,98,.08) !important;
    border-color: #c9a962 !important;
    box-shadow: 0 0 15px rgba(201,169,98,.15);
    color: #c9a962 !important;
}

/* Glass buttons */
.dqm-btn-glass,
.dqm-hologram-btn-later,
.dqm-gc-modal-btn-glass,
.dqm-seo-btn-glass {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    color: rgba(255,255,255,.55) !important;
}

.dqm-btn-glass:hover,
.dqm-hologram-btn-later:hover,
.dqm-gc-modal-btn-glass:hover,
.dqm-seo-btn-glass:hover {
    border-color: rgba(255,255,255,.3) !important;
    color: rgba(255,255,255,.8) !important;
}

/* Generator type buttons */
.dqm-gen-type {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    color: rgba(255,255,255,.5) !important;
}
.dqm-gen-type svg { stroke: currentColor !important; }
.dqm-gen-type:hover {
    border-color: rgba(201,169,98,.3) !important;
    color: rgba(255,255,255,.7) !important;
}
.dqm-gen-type.active {
    border-color: #c9a962 !important;
    color: #c9a962 !important;
    background: rgba(201,169,98,.06) !important;
}
.dqm-gen-type.active svg { stroke: #c9a962 !important; }
.dqm-gen-pro-type { opacity: .45 !important; }

/* Dot style buttons */
.dqm-gen-dot {
    background: rgba(255,255,255,.04) !important;
    border: 1px solid rgba(255,255,255,.2) !important;
    color: rgba(255,255,255,.75) !important;
}
.dqm-gen-dot svg {
    width: 28px !important;
    height: 28px !important;
}
.dqm-gen-dot:hover {
    border-color: rgba(201,169,98,.5) !important;
    color: #c9a962 !important;
}
.dqm-gen-dot.active {
    border-color: #c9a962 !important;
    color: #c9a962 !important;
    background: rgba(201,169,98,.1) !important;
}

/* Icon buttons (no border) */
.dqm-burger, .dqm-lang-current,
.dqm-promo-close, .dqm-faq-q, .dqm-scroll-top,
.dqm-gc-modal-close, .dqm-captcha-box {
    border: none !important;
    background: transparent !important;
}
/* Header action icons — visible with subtle bg */
.dqm-topbar-actions .dqm-topbar-icon {
    background: rgba(255,255,255,.06) !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    border-radius: 10px !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.dqm-topbar-actions .dqm-topbar-icon:hover {
    background: rgba(201,169,98,.1) !important;
    border-color: rgba(201,169,98,.25) !important;
}

/* SVG icons in buttons */
.dqm-btn svg, .dqm-gen-btn svg, .dqm-gen-dl svg,
.dqm-topbar-btn svg,
.dqm-price-btn svg, .dqm-hologram-btn-start svg,
#gen-create svg { stroke: currentColor !important; }

/* Ticker dot */
.dqm-ticker-dot { background: #4ade80 !important; }

/* Color inputs */
.dqm-gen-colors input[type="color"] {
    border: 1px solid rgba(255,255,255,.2) !important;
    background: transparent !important;
}

/* PRO tooltip */
.dqm-pro-tooltip {
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translate(-50%, -100%);
    background: linear-gradient(135deg, #1a1a2e, #16213e);
    border: 1px solid rgba(201,169,98,.3);
    border-radius: 8px;
    padding: 8px 14px;
    white-space: nowrap;
    font-size: .72rem;
    color: #c9a962;
    font-weight: 600;
    pointer-events: none;
    opacity: 0;
    transition: opacity .2s, transform .2s;
    z-index: 100;
    box-shadow: 0 4px 20px rgba(0,0,0,.4);
}
.dqm-pro-tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-top-color: rgba(201,169,98,.3);
}
.dqm-pro-tooltip.show {
    opacity: 1;
    transform: translate(-50%, calc(-100% - 4px));
}

/* Pricing disabled features */
.dqm-price-disabled {
    color: rgba(148,163,184,.3) !important;
    text-decoration: line-through;
}
.dqm-price-desc {
    color: rgba(255,255,255,.4);
    font-size: .82rem;
    margin: 0 0 16px;
}

/* Pricing trial & footer */
.dqm-price-trial-info {
    color: rgba(255,255,255,.3);
    font-size: .68rem;
    margin: 10px 0 0;
    line-height: 1.4;
    text-align: center;
}
.dqm-price-footer {
    margin-top: 32px;
    text-align: center;
    padding: 20px 24px;
    background: rgba(201,169,98,.04);
    border: 1px solid rgba(201,169,98,.1);
    border-radius: 12px;
}
.dqm-price-footer p {
    color: rgba(255,255,255,.45);
    font-size: .8rem;
    margin: 0;
    line-height: 1.5;
}
.dqm-price-footer strong {
    color: #c9a962;
}

/* === Partner Program Section === */
.dqm-partner-cta{padding:80px 5%;max-width:1200px;margin:0 auto}
.dqm-partner-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.dqm-partner-text h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:#fff;margin:8px 0 12px}
.dqm-partner-text p{color:rgba(255,255,255,.5);font-size:.92rem;line-height:1.6;margin:0 0 20px}
.dqm-partner-perks{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.dqm-partner-perks span{background:rgba(201,169,98,.08);border:1px solid rgba(201,169,98,.15);color:#c9a962;font-size:.72rem;font-weight:600;padding:4px 12px;border-radius:8px}
.dqm-partner-card{background:rgba(15,23,42,.8);border:1px solid rgba(201,169,98,.12);border-radius:16px;padding:28px;max-width:360px}
.dqm-partner-card-label{color:rgba(255,255,255,.4);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}
.dqm-partner-card-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);color:rgba(255,255,255,.6);font-size:.85rem}
@media(max-width:768px){
.dqm-partner-inner{grid-template-columns:1fr}
.dqm-partner-cta{padding:40px 4%}
.dqm-partner-card{max-width:100%}
}

/* === Sticky Partner Widget (mobile) === */
.dqm-sticky-partner{
    display:none;position:fixed;bottom:80px;right:16px;z-index:10001;
    background:transparent;border:none;
    text-decoration:none;
    align-items:center;gap:4px;
    flex-direction:column;
    cursor:pointer;-webkit-tap-highlight-color:transparent;
}
.dqm-sticky-partner svg{
    filter:drop-shadow(0 2px 6px rgba(201,169,98,.4));
}
.dqm-sticky-partner span{
    color:#c9a962;font-size:.6rem;font-weight:800;
    letter-spacing:.03em;
}
@media(max-width:992px){
    .dqm-sticky-partner{display:flex}
}

/* === Newsletter Section === */
.dqm-newsletter{padding:60px 5%;max-width:700px;margin:0 auto;text-align:center}
.dqm-newsletter-inner{background:rgba(201,169,98,.04);border:1px solid rgba(201,169,98,.1);border-radius:20px;padding:40px 32px}
.dqm-newsletter-icon{font-size:2.5rem;margin-bottom:12px}
.dqm-newsletter h2{color:#fff;font-size:1.4rem;font-weight:800;margin:0 0 8px}
.dqm-newsletter p{color:rgba(255,255,255,.45);font-size:.9rem;margin:0 0 20px;line-height:1.5}
.dqm-newsletter-form{display:flex;gap:8px;max-width:460px;margin:0 auto}
.dqm-newsletter-form input{flex:1;padding:14px 16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:.9rem;outline:none;font-family:inherit}
.dqm-newsletter-form input:focus{border-color:rgba(201,169,98,.3)}
.dqm-newsletter-form input::placeholder{color:rgba(255,255,255,.25)}
.dqm-newsletter-form button{padding:14px 24px;background:linear-gradient(135deg,#c9a962,#d4b872);color:#0a0e1a;border:none;border-radius:10px;font-weight:700;font-size:.88rem;cursor:pointer;white-space:nowrap;font-family:inherit;transition:all .2s}
.dqm-newsletter-form button:hover{box-shadow:0 4px 16px rgba(201,169,98,.3)}
.dqm-newsletter-hint{color:rgba(255,255,255,.2);font-size:.7rem;margin-top:12px}
@media(max-width:600px){.dqm-newsletter-form{flex-direction:column}.dqm-newsletter-inner{padding:28px 20px}}

/* === Global Select/Dropdown Fix — dark theme === */
select,
.dqm-cabinet select,
.dqm-invoice-app select,
select.dqm-inv-i,
select.dqm-inv-input,
select.dqm-gen-input,
.dqm-pub-form-group select,
.dqm-pub-filters select,
.dqm-an-select {
    background: #1a1f2e !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 8px !important;
    padding: 10px 12px !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c9a962' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    padding-right: 32px !important;
    cursor: pointer !important;
}
select:focus,
.dqm-cabinet select:focus {
    border-color: rgba(201,169,98,.4) !important;
    outline: none !important;
}
select option,
.dqm-cabinet select option {
    background: #1a1f2e !important;
    color: #fff !important;
    padding: 8px !important;
}
/* Input fields global dark fix */
.dqm-cabinet input[type=text],
.dqm-cabinet input[type=email],
.dqm-cabinet input[type=number],
.dqm-cabinet input[type=tel],
.dqm-cabinet input[type=url],
.dqm-cabinet input[type=date],
.dqm-cabinet input[type=password],
.dqm-cabinet textarea {
    background: rgba(255,255,255,.04) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    border-radius: 8px !important;
}
.dqm-cabinet input:focus,
.dqm-cabinet textarea:focus,
.dqm-cabinet select:focus {
    border-color: rgba(201,169,98,.3) !important;
}
.dqm-cabinet input::placeholder,
.dqm-cabinet textarea::placeholder {
    color: rgba(255,255,255,.25) !important;
}
/* Date input icon color */
.dqm-cabinet input[type=date]::-webkit-calendar-picker-indicator {
    filter: invert(0.7) !important;
}

/* Invoice generator selects */
.dqm-invoice-app select {
    background: #1a1f2e !important;
    color: #fff !important;
}
.dqm-invoice-app select option {
    background: #1a1f2e !important;
    color: #fff !important;
}
/* Landing page generator selects */
.dqm-landing select,
.dqm-landing select.dqm-gen-input {
    background: #1a1f2e !important;
    color: #fff !important;
}
.dqm-landing select option {
    background: #1a1f2e !important;
    color: #fff !important;
}
/* Modal selects */
.dqm-gen-modal select,
.dqm-gen-modal-overlay select {
    background: #1a1f2e !important;
    color: #fff !important;
}