:root,
    html[data-theme-resolved='light'],
    html[data-theme-resolved='dark'] {
        --theme-accent: #2454e8;
        --theme-accent-rgb: 36, 84, 232;
        --theme-body-bg: #f7fafc;
        --theme-body-bg-rgb: 247, 250, 252;
        --theme-surface-bg: #ffffff;
        --theme-surface-bg-rgb: 255, 255, 255;
        --theme-header-bg: #ffffff;
        --theme-header-bg-rgb: 255, 255, 255;
        --theme-header-text-color: #0f172a;
        --theme-link-color: #2454e8;
        --theme-link-hover-color: #0f766e;
        --theme-border-color: #dce6f3;
        --theme-border-color-rgb: 220, 230, 243;
        --theme-muted-text-color: #64748b;
        --theme-success-color: #059669;
        --theme-warning-color: #d97706;
        --theme-danger-color: #dc2626;
        --theme-card-radius: 18px;
        --theme-input-radius: 14px;
        --theme-button-radius: 14px;
        --theme-page-max-width: 86rem;
        --theme-section-spacing: 5rem;
        --theme-font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
    }

    html {
        background: #f7fafc;
        color: #0f172a;
        max-width: 100%;
        overflow-x: clip;
    }

    body {
        max-width: 100%;
        overflow-x: clip;
        background:
            linear-gradient(rgba(36, 84, 232, 0.035) 1px, transparent 1px),
            linear-gradient(90deg, rgba(36, 84, 232, 0.035) 1px, transparent 1px),
            linear-gradient(180deg, #f8fbff 0%, #f7fafc 42%, #eef5fb 100%);
        background-size: 36px 36px, 36px 36px, auto;
    }

    .linkqr-shell {
        width: min(calc(100% - 1.5rem), var(--theme-page-max-width));
        margin-left: auto;
        margin-right: auto;
    }

    @media (min-width: 1024px) {
        .linkqr-shell {
            width: min(calc(100% - 3rem), var(--theme-page-max-width));
        }
    }

    .linkqr-section {
        padding-top: var(--theme-section-spacing);
        padding-bottom: var(--theme-section-spacing);
    }

    .linkqr-hero-stage {
        position: relative;
        overflow: hidden;
        isolation: isolate;
        border: 1px solid rgba(var(--theme-border-color-rgb), 0.88);
        background:
            linear-gradient(135deg, rgba(36,84,232,0.11) 0%, rgba(255,255,255,0.88) 34%, rgba(20,184,166,0.12) 68%, rgba(245,158,11,0.14) 100%),
            linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,251,255,0.94));
        box-shadow: 0 38px 110px -78px rgba(15,23,42,0.5);
    }

    .linkqr-hero-stage::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -2;
        background:
            linear-gradient(rgba(36,84,232,0.05) 1px, transparent 1px),
            linear-gradient(90deg, rgba(36,84,232,0.05) 1px, transparent 1px);
        background-size: 28px 28px;
        mask-image: linear-gradient(180deg, black, transparent 86%);
        animation: linkqr-grid-drift 22s linear infinite;
    }

    .linkqr-hero-stage::after {
        content: "";
        position: absolute;
        inset: auto 0 0 0;
        z-index: -1;
        height: 34%;
        background: linear-gradient(90deg, rgba(36,84,232,0.12), rgba(20,184,166,0.12), rgba(245,158,11,0.10));
        clip-path: polygon(0 34%, 100% 0, 100% 100%, 0 100%);
        opacity: 0.8;
    }

    .linkqr-hero-stat {
        position: relative;
        overflow: hidden;
        border: 1px solid rgba(var(--theme-border-color-rgb), 0.84);
        background: rgba(255,255,255,0.82);
        box-shadow: 0 18px 48px -38px rgba(15,23,42,0.35);
        animation: linkqr-hero-breathe 5.8s ease-in-out infinite;
        animation-delay: var(--hero-delay, 0ms);
    }

    .linkqr-hero-stat::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 4px;
        background: var(--hero-accent, #2454E8);
    }

    .linkqr-hero-chip {
        border: 1px solid color-mix(in srgb, var(--hero-accent, #2454E8) 24%, rgba(var(--theme-border-color-rgb),0.78));
        background:
            linear-gradient(135deg, color-mix(in srgb, var(--hero-accent, #2454E8) 12%, white), rgba(255,255,255,0.86));
        box-shadow: 0 14px 38px -32px rgba(15,23,42,0.32);
        animation: linkqr-hero-chip-drift 6.4s ease-in-out infinite;
        animation-delay: var(--hero-delay, 0ms);
    }

    .linkqr-hero-dashboard {
        animation: linkqr-hero-float 7.2s ease-in-out infinite;
        transform-origin: center;
    }

    .linkqr-hero-float-card {
        animation: linkqr-hero-float 5.8s ease-in-out infinite;
        animation-delay: var(--hero-delay, 0ms);
    }

    .linkqr-hero-qr-dot {
        animation: linkqr-qr-pulse 2.7s ease-in-out infinite;
        animation-delay: var(--hero-delay, 0ms);
    }

    .linkqr-case-tile {
        position: relative;
        min-height: 18rem;
        overflow: hidden;
        isolation: isolate;
        border: 1px solid rgba(var(--theme-border-color-rgb), 0.82);
        background:
            linear-gradient(135deg, color-mix(in srgb, var(--case-accent, #2454E8) 18%, #ffffff), rgba(255,255,255,0.74)),
            linear-gradient(180deg, #f8fbff, #eef6ff);
        box-shadow: 0 30px 86px -58px rgba(15,23,42,0.45);
    }

    .linkqr-case-tile::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -2;
        background:
            linear-gradient(rgba(36,84,232,0.07) 1px, transparent 1px),
            linear-gradient(90deg, rgba(36,84,232,0.07) 1px, transparent 1px);
        background-size: 28px 28px;
        animation: linkqr-grid-drift 20s linear infinite;
    }

    .linkqr-case-tile::after {
        content: "";
        position: absolute;
        inset: auto 0 0 0;
        z-index: -1;
        height: 58%;
        background: linear-gradient(180deg, transparent 0%, rgba(15,23,42,0.18) 24%, rgba(15,23,42,0.68) 100%);
    }

    .linkqr-visual-copy {
        text-shadow: 0 3px 18px rgba(15, 23, 42, 0.62), 0 1px 2px rgba(15, 23, 42, 0.72);
    }

    .linkqr-case-window {
        border: 1px solid rgba(255,255,255,0.74);
        background: rgba(255,255,255,0.82);
        box-shadow: 0 22px 52px -38px rgba(15,23,42,0.45);
        backdrop-filter: blur(16px);
        animation: linkqr-hero-float 6.8s ease-in-out infinite;
    }

    .linkqr-case-metric {
        border: 1px solid rgba(var(--theme-border-color-rgb),0.74);
        background: rgba(255,255,255,0.9);
    }

    .linkqr-marquee {
        overflow: hidden;
        mask-image: linear-gradient(90deg, transparent, black 12%, black 88%, transparent);
    }

    .linkqr-marquee-track {
        display: flex;
        width: max-content;
        gap: 1rem;
        animation: linkqr-marquee 30s linear infinite;
    }

    .linkqr-marquee-track.is-reverse {
        animation-direction: reverse;
        animation-duration: 36s;
    }

    .linkqr-marquee-card {
        min-width: 15rem;
        border: 1px solid rgba(var(--theme-border-color-rgb),0.76);
        background: rgba(255,255,255,0.86);
        box-shadow: 0 20px 52px -42px rgba(15,23,42,0.36);
        backdrop-filter: blur(16px);
    }

    .linkqr-workflow-section {
        margin-top: clamp(-2.5rem, -3vw, -1rem);
    }

    .linkqr-card {
        border: 1px solid rgba(var(--theme-border-color-rgb), 0.78);
        background: rgba(255, 255, 255, 0.86);
        box-shadow: 0 24px 70px -48px rgba(15, 23, 42, 0.24);
        backdrop-filter: blur(18px);
    }

    .linkqr-soft {
        border: 1px solid rgba(var(--theme-border-color-rgb), 0.72);
        background: linear-gradient(180deg, rgba(255,255,255,0.82), rgba(248,250,252,0.72));
    }

    .linkqr-premium {
        position: relative;
        overflow: hidden;
        isolation: isolate;
    }

    .linkqr-premium::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background:
            linear-gradient(135deg, rgba(36,84,232,0.10), transparent 32%),
            linear-gradient(315deg, rgba(20,184,166,0.10), transparent 34%),
            linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,250,252,0.82));
    }

    .linkqr-hover-lift {
        transition:
            transform 260ms cubic-bezier(0.22, 1, 0.36, 1),
            box-shadow 260ms cubic-bezier(0.22, 1, 0.36, 1),
            border-color 260ms ease;
    }

    .linkqr-hover-lift:hover {
        transform: translateY(-6px);
        border-color: rgba(var(--theme-accent-rgb), 0.34);
        box-shadow: 0 34px 90px -56px rgba(15, 23, 42, 0.34);
    }

    .linkqr-pricing-grid > :not([hidden]) + :not([hidden]) {
        box-shadow: inset 1px 0 0 rgba(var(--theme-border-color-rgb), 0.42);
    }

    .linkqr-operation-row {
        background: rgba(255, 255, 255, 0.72);
        box-shadow: 0 18px 42px -38px rgba(15, 23, 42, 0.28);
    }

    .linkqr-operation-row:hover {
        background: rgba(248, 250, 252, 0.92);
        transform: translateX(4px);
        border-color: rgba(var(--theme-accent-rgb), 0.32) !important;
    }

    .linkqr-image-frame {
        position: relative;
        overflow: hidden;
        background:
            radial-gradient(circle at 20% 18%, rgba(36,84,232,0.18), transparent 28%),
            radial-gradient(circle at 78% 28%, rgba(20,184,166,0.16), transparent 30%),
            linear-gradient(135deg, #eaf2ff, #dcefff 48%, #eef7f8);
        isolation: isolate;
    }

    .linkqr-image-frame img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        color: transparent;
        transform: scale(1.01);
        transition: transform 700ms cubic-bezier(0.22, 1, 0.36, 1), filter 700ms ease;
    }

    .linkqr-image-frame::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background:
            linear-gradient(180deg, rgba(15,23,42,0.02), rgba(15,23,42,0.46)),
            linear-gradient(90deg, rgba(36,84,232,0.16), transparent 42%);
        pointer-events: none;
    }

    .linkqr-hover-lift:hover .linkqr-image-frame img {
        transform: scale(1.07);
        filter: saturate(1.08) contrast(1.03);
    }

    .linkqr-glass-badge {
        border: 1px solid rgba(255, 255, 255, 0.42);
        background: rgba(255, 255, 255, 0.86);
        box-shadow: 0 14px 30px -22px rgba(15, 23, 42, 0.45);
        backdrop-filter: blur(14px);
    }

    .linkqr-visual {
        position: relative;
        min-height: 100%;
        overflow: hidden;
        isolation: isolate;
        background:
            linear-gradient(135deg, rgba(36,84,232,0.10), rgba(20,184,166,0.10)),
            linear-gradient(180deg, #f8fbff, #eaf2fb);
    }

    .linkqr-visual-bio,
    .linkqr-visual-retail {
        background:
            linear-gradient(135deg, rgba(36,84,232,0.18), rgba(20,184,166,0.16)),
            linear-gradient(180deg, #f8fbff, #dff4f1);
    }

    .linkqr-visual-qr,
    .linkqr-visual-rules {
        background:
            linear-gradient(135deg, rgba(124,58,237,0.16), rgba(36,84,232,0.18)),
            linear-gradient(180deg, #f8fbff, #e8edff);
    }

    .linkqr-visual-analytics,
    .linkqr-visual-alerts {
        background:
            linear-gradient(135deg, rgba(245,158,11,0.18), rgba(36,84,232,0.16)),
            linear-gradient(180deg, #fffaf0, #eaf2ff);
    }

    .linkqr-visual-domain {
        background:
            linear-gradient(135deg, rgba(14,165,233,0.18), rgba(5,150,105,0.16)),
            linear-gradient(180deg, #f0f9ff, #def7ec);
    }

    .linkqr-visual-utm {
        background:
            linear-gradient(135deg, rgba(217,119,6,0.18), rgba(236,72,153,0.14)),
            linear-gradient(180deg, #fff7ed, #fdf2f8);
    }

    .linkqr-visual-team,
    .linkqr-visual-workspace {
        background:
            linear-gradient(135deg, rgba(124,58,237,0.16), rgba(20,184,166,0.14)),
            linear-gradient(180deg, #f5f3ff, #ecfeff);
    }

    .linkqr-visual::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background: linear-gradient(180deg, transparent 32%, rgba(15,23,42,0.14) 48%, rgba(15,23,42,0.72) 100%);
        pointer-events: none;
    }

    .linkqr-visual-grid {
        position: absolute;
        inset: 0;
        opacity: 0.66;
        background:
            linear-gradient(rgba(36,84,232,0.07) 1px, transparent 1px),
            linear-gradient(90deg, rgba(36,84,232,0.07) 1px, transparent 1px);
        background-size: 26px 26px;
        animation: linkqr-grid-drift 18s linear infinite;
    }

    .linkqr-phone,
    .linkqr-chart-card,
    .linkqr-route-map,
    .linkqr-dashboard-stack {
        position: absolute;
        inset: 1.25rem;
        z-index: 2;
    }

    .linkqr-phone {
        width: 11rem;
        max-width: 48%;
        border: 1px solid rgba(var(--theme-border-color-rgb),0.9);
        border-radius: 1.4rem;
        background: rgba(255,255,255,0.86);
        padding: 1rem;
        box-shadow: 0 24px 60px -42px rgba(15,23,42,0.44);
        animation: linkqr-float 5.6s ease-in-out infinite;
    }

    .linkqr-phone > span {
        display: block;
        margin: 0 auto 0.9rem;
        width: 2.25rem;
        height: 0.3rem;
        border-radius: 999px;
        background: #dbe6f3;
    }

    .linkqr-avatar {
        width: 3rem;
        height: 3rem;
        border-radius: 999px;
        background: linear-gradient(135deg, #2454e8, #14b8a6);
    }

    .linkqr-line,
    .linkqr-button-line {
        height: 0.55rem;
        border-radius: 999px;
        background: #dce6f3;
    }

    .linkqr-line {
        margin-top: 0.6rem;
    }

    .linkqr-button-line {
        background: linear-gradient(90deg, rgba(36,84,232,0.18), rgba(20,184,166,0.20));
    }

    .linkqr-floating-qr,
    .linkqr-route-qr {
        display: grid;
        grid-template-columns: repeat(7, minmax(0, 1fr));
        grid-template-rows: repeat(7, minmax(0, 1fr));
        gap: 0.18rem;
        border-radius: 1rem;
        background: #fff;
        padding: 0.9rem;
        box-shadow: 0 24px 60px -42px rgba(15,23,42,0.5);
    }

    .linkqr-floating-qr {
        position: absolute;
        right: 1.2rem;
        top: 2.4rem;
        width: 8.5rem;
        height: 8.5rem;
        animation: linkqr-float 6.4s ease-in-out infinite reverse;
    }

    .linkqr-floating-qr span,
    .linkqr-route-qr span {
        border-radius: 0.16rem;
        background: transparent;
    }

    .linkqr-floating-qr span.is-on,
    .linkqr-route-qr span.is-on {
        background: #0f172a;
        animation: linkqr-qr-pulse 2.8s ease-in-out infinite;
    }

    .linkqr-chart-card {
        border: 1px solid rgba(var(--theme-border-color-rgb),0.84);
        border-radius: 1.25rem;
        background: rgba(255,255,255,0.9);
        padding: 1.25rem;
        box-shadow: 0 24px 60px -42px rgba(15,23,42,0.45);
    }

    .linkqr-visual-bar {
        flex: 1;
        border-radius: 999px 999px 0.4rem 0.4rem;
        background: linear-gradient(180deg, #2454e8, #14b8a6);
        transform-origin: bottom;
        animation: linkqr-bar-rise 3.2s ease-in-out infinite;
    }

    .linkqr-visual-stroke,
    .linkqr-route-path {
        stroke: #2454e8;
        stroke-width: 4;
        stroke-linecap: round;
        stroke-dasharray: 18 12;
        animation: linkqr-dash 2.8s linear infinite;
    }

    .linkqr-route-qr {
        position: absolute;
        left: 1.2rem;
        top: 50%;
        width: 8.25rem;
        height: 8.25rem;
        transform: translateY(-50%);
        z-index: 3;
    }

    .linkqr-route-node {
        position: absolute;
        z-index: 4;
        transform: translate(-50%, -50%);
        border: 1px solid rgba(var(--theme-border-color-rgb),0.92);
        border-radius: 999px;
        background: rgba(255,255,255,0.92);
        padding: 0.55rem 0.75rem;
        color: #0f172a;
        font-size: 0.72rem;
        font-weight: 800;
        box-shadow: 0 16px 36px -26px rgba(15,23,42,0.5);
    }

    .linkqr-mini-window {
        position: absolute;
        inset: 1.25rem;
        border: 1px solid rgba(var(--theme-border-color-rgb),0.86);
        border-radius: 1.25rem;
        background: rgba(255,255,255,0.92);
        padding: 1rem;
        box-shadow: 0 24px 60px -42px rgba(15,23,42,0.44);
        animation: linkqr-float 6s ease-in-out infinite;
    }

    .linkqr-domain-visual,
    .linkqr-utm-visual,
    .linkqr-team-visual {
        position: absolute;
        inset: 1.25rem;
        z-index: 2;
    }

    .linkqr-domain-card,
    .linkqr-utm-card,
    .linkqr-team-card {
        border: 1px solid rgba(var(--theme-border-color-rgb),0.86);
        border-radius: 1.15rem;
        background: rgba(255,255,255,0.9);
        box-shadow: 0 24px 60px -42px rgba(15,23,42,0.44);
    }

    .linkqr-domain-card {
        position: absolute;
        left: 0.6rem;
        right: 1rem;
        top: 2.6rem;
        padding: 1rem;
        animation: linkqr-float 5.8s ease-in-out infinite;
    }

    .linkqr-domain-node {
        position: absolute;
        right: 1.2rem;
        bottom: 1.4rem;
        border-radius: 999px;
        background: #0f766e;
        color: white;
        padding: 0.65rem 0.85rem;
        font-size: 0.72rem;
        font-weight: 800;
        box-shadow: 0 18px 40px -26px rgba(15,23,42,0.55);
    }

    .linkqr-utm-card {
        position: absolute;
        left: 0.75rem;
        top: 1.35rem;
        width: 72%;
        padding: 1rem;
        animation: linkqr-float 6.2s ease-in-out infinite;
    }

    .linkqr-utm-pill {
        display: inline-flex;
        margin: 0.2rem;
        border-radius: 999px;
        background: linear-gradient(90deg, rgba(245,158,11,0.18), rgba(236,72,153,0.18));
        padding: 0.48rem 0.65rem;
        color: #7c2d12;
        font-size: 0.68rem;
        font-weight: 800;
    }

    .linkqr-team-card {
        position: absolute;
        inset: 1rem 0.9rem auto 0.9rem;
        padding: 1rem;
        animation: linkqr-float 5.9s ease-in-out infinite;
    }

    .linkqr-member-row {
        display: flex;
        align-items: center;
        gap: 0.65rem;
        border-radius: 0.85rem;
        background: rgba(248,250,252,0.9);
        padding: 0.55rem;
    }

    .linkqr-member-avatar {
        width: 1.8rem;
        height: 1.8rem;
        border-radius: 999px;
        background: linear-gradient(135deg, #7c3aed, #14b8a6);
    }

    .linkqr-sheen {
        position: relative;
        overflow: hidden;
    }

    .linkqr-sheen::after {
        content: "";
        position: absolute;
        inset: -120% auto -120% -40%;
        width: 32%;
        transform: rotate(18deg) translateX(-240%);
        background: linear-gradient(180deg, transparent, rgba(255,255,255,0.28), transparent);
        opacity: 0;
        pointer-events: none;
    }

    .linkqr-sheen:hover::after {
        opacity: 1;
        animation: linkqr-sheen 1.1s ease;
    }

    .linkqr-flow-line {
        position: relative;
    }

    .linkqr-flow-line::before {
        content: "";
        position: absolute;
        left: 1.35rem;
        top: 3.4rem;
        bottom: 1.2rem;
        width: 1px;
        background: linear-gradient(180deg, rgba(36,84,232,0.32), rgba(20,184,166,0.18));
    }

    .linkqr-data-bars span {
        display: block;
        height: 0.65rem;
        border-radius: 999px;
        background: linear-gradient(90deg, rgba(36,84,232,0.92), rgba(20,184,166,0.88));
        transform-origin: left center;
        animation: linkqr-bar 3.8s ease-in-out infinite;
    }

    .linkqr-button-primary {
        background: linear-gradient(135deg, #2454e8, #14b8a6);
        color: #ffffff;
        box-shadow: 0 18px 38px -24px rgba(36, 84, 232, 0.72);
    }

    .linkqr-auth-primary {
        position: relative;
        overflow: hidden;
        border: 1px solid rgba(var(--theme-accent-rgb), 0.58);
        background:
            linear-gradient(135deg, #2563eb 0%, #0ea5e9 45%, #14b8a6 100%);
        color: #ffffff;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.2),
            0 22px 44px -28px rgba(36, 84, 232, 0.72);
    }

    .linkqr-auth-primary::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent);
        transform: translateX(-120%);
        transition: transform 520ms ease;
    }

    .linkqr-auth-primary:hover {
        transform: translateY(-1px);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.24),
            0 26px 58px -30px rgba(20, 184, 166, 0.72);
    }

    .linkqr-auth-primary:hover::after {
        transform: translateX(120%);
    }

    .linkqr-auth-primary > span {
        position: relative;
        z-index: 1;
    }

    .linkqr-auth-social {
        border-color: rgba(var(--theme-border-color-rgb), 0.9);
        background: rgba(255, 255, 255, 0.78);
        color: #0f172a;
        box-shadow: 0 14px 34px -30px rgba(15, 23, 42, 0.32);
    }

    .linkqr-auth-social:hover {
        transform: translateY(-1px);
        border-color: rgba(var(--theme-accent-rgb), 0.34);
        background: rgba(255, 255, 255, 0.94);
        box-shadow: 0 20px 46px -34px rgba(15, 23, 42, 0.38);
    }

    .linkqr-button-secondary {
        border: 1px solid rgba(var(--theme-border-color-rgb), 0.86);
        background: rgba(255,255,255,0.82);
        color: #0f172a;
        box-shadow: 0 14px 28px -24px rgba(15, 23, 42, 0.28);
    }

    .linkqr-gradient-text {
        background: linear-gradient(90deg, #2454e8 0%, #0f766e 52%, #f59e0b 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    .linkqr-reveal {
        --linkqr-reveal-delay: 0ms;
        opacity: 0;
        transform: translate3d(0, 46px, 0) scale(0.975);
        filter: blur(12px);
        transition:
            opacity 860ms cubic-bezier(0.22, 1, 0.36, 1),
            transform 860ms cubic-bezier(0.22, 1, 0.36, 1),
            filter 860ms cubic-bezier(0.22, 1, 0.36, 1);
        transition-delay: var(--linkqr-reveal-delay);
        will-change: transform, opacity, filter;
    }

    .linkqr-reveal.is-visible {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        filter: blur(0);
    }

    @keyframes linkqr-sheen {
        0% { transform: rotate(18deg) translateX(-240%); }
        100% { transform: rotate(18deg) translateX(520%); }
    }

    @keyframes linkqr-bar {
        0%, 100% { transform: scaleX(0.72); opacity: 0.72; }
        50% { transform: scaleX(1); opacity: 1; }
    }

    @keyframes linkqr-grid-drift {
        0% { background-position: 0 0, 0 0; }
        100% { background-position: 52px 52px, 52px 52px; }
    }

    @keyframes linkqr-float {
        0%, 100% { transform: translate3d(0, 0, 0); }
        50% { transform: translate3d(0, -10px, 0); }
    }

    @keyframes linkqr-hero-float {
        0%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); }
        50% { transform: translate3d(0, -8px, 0) rotate(0.18deg); }
    }

    @keyframes linkqr-hero-breathe {
        0%, 100% { transform: translate3d(0, 0, 0); box-shadow: 0 18px 48px -38px rgba(15,23,42,0.35); }
        50% { transform: translate3d(0, -3px, 0); box-shadow: 0 24px 58px -40px rgba(15,23,42,0.42); }
    }

    @keyframes linkqr-hero-chip-drift {
        0%, 100% { transform: translate3d(0, 0, 0); }
        50% { transform: translate3d(0, -4px, 0); }
    }

    @keyframes linkqr-qr-pulse {
        0%, 100% { opacity: 0.72; transform: scale(0.96); }
        50% { opacity: 1; transform: scale(1); }
    }

    @keyframes linkqr-bar-rise {
        0%, 100% { transform: scaleY(0.72); opacity: 0.74; }
        50% { transform: scaleY(1); opacity: 1; }
    }

    @keyframes linkqr-dash {
        to { stroke-dashoffset: -60; }
    }

    @keyframes linkqr-marquee {
        from { transform: translate3d(0, 0, 0); }
        to { transform: translate3d(-50%, 0, 0); }
    }

    @media (prefers-reduced-motion: reduce) {
        .linkqr-reveal,
        .linkqr-hover-lift,
        .linkqr-data-bars span,
        .linkqr-sheen::after,
        .linkqr-visual-grid,
        .linkqr-phone,
        .linkqr-floating-qr,
        .linkqr-mini-window,
        .linkqr-visual-bar,
        .linkqr-visual-stroke,
        .linkqr-route-path,
        .linkqr-hero-stage::before,
        .linkqr-hero-stat,
        .linkqr-hero-chip,
        .linkqr-hero-dashboard,
        .linkqr-hero-float-card,
        .linkqr-hero-qr-dot,
        .linkqr-marquee-track {
            animation: none !important;
            transition: none !important;
            transform: none !important;
            filter: none !important;
            opacity: 1 !important;
        }
    }

    ::selection {
        background: rgba(var(--theme-accent-rgb), 0.22);
        color: #0f172a;
    }

    html[data-theme-resolved='dark'] {
        --theme-body-bg: #07111F;
        --theme-body-bg-rgb: 7, 17, 31;
        --theme-surface-bg: #0B1526;
        --theme-surface-bg-rgb: 11, 21, 38;
        --theme-header-bg: #07111F;
        --theme-header-bg-rgb: 7, 17, 31;
        --theme-header-text-color: #E8EEF7;
        --theme-border-color: #25364D;
        --theme-border-color-rgb: 37, 54, 77;
        --theme-muted-text-color: #94A3B8;
        background: #07111f;
        color: #e8eef7;
    }

    html[data-theme-resolved='dark'] body {
        background:
            linear-gradient(rgba(96, 165, 250, 0.055) 1px, transparent 1px),
            linear-gradient(90deg, rgba(96, 165, 250, 0.055) 1px, transparent 1px),
            radial-gradient(circle at 20% 8%, rgba(37, 99, 235, 0.22), transparent 28%),
            radial-gradient(circle at 82% 22%, rgba(20, 184, 166, 0.18), transparent 26%),
            linear-gradient(180deg, #07111f 0%, #0b1526 48%, #07111f 100%);
        background-size: 36px 36px, 36px 36px, auto, auto, auto;
        color: #e8eef7 !important;
    }

    html[data-theme-resolved='dark'] .linkqr-card,
    html[data-theme-resolved='dark'] .linkqr-soft,
    html[data-theme-resolved='dark'] .linkqr-hero-stage,
    html[data-theme-resolved='dark'] .linkqr-case-tile,
    html[data-theme-resolved='dark'] .linkqr-marquee-card,
    html[data-theme-resolved='dark'] footer,
    html[data-theme-resolved='dark'] header > div {
        border-color: rgba(96, 165, 250, 0.22) !important;
        background: rgba(11, 21, 38, 0.82) !important;
        box-shadow: 0 34px 100px -72px rgba(0, 0, 0, 0.8);
    }

    html[data-theme-resolved='dark'] .linkqr-hero-stage::before,
    html[data-theme-resolved='dark'] .linkqr-case-tile::before {
        background:
            linear-gradient(rgba(96,165,250,0.07) 1px, transparent 1px),
            linear-gradient(90deg, rgba(96,165,250,0.07) 1px, transparent 1px);
    }

    html[data-theme-resolved='dark'] .linkqr-main-hero {
        overflow: hidden;
        border-color: transparent !important;
        background:
            radial-gradient(circle at 16% 22%, rgba(37, 99, 235, 0.18), transparent 34%),
            radial-gradient(circle at 76% 42%, rgba(20, 184, 166, 0.14), transparent 32%) !important;
        box-shadow: none !important;
    }

    html[data-theme-resolved='dark'] .linkqr-main-hero::before {
        inset: -1.5rem;
        opacity: 0.55;
        mask-image: radial-gradient(circle at center, black 0%, transparent 76%);
    }

    html[data-theme-resolved='dark'] .linkqr-main-hero::after {
        opacity: 0.28;
        height: 26%;
        filter: blur(12px);
    }

    html[data-theme-resolved='dark'] .bg-white,
    html[data-theme-resolved='dark'] .bg-white\/70,
    html[data-theme-resolved='dark'] .bg-white\/72,
    html[data-theme-resolved='dark'] .bg-white\/78,
    html[data-theme-resolved='dark'] .bg-white\/82,
    html[data-theme-resolved='dark'] .bg-white\/86,
    html[data-theme-resolved='dark'] .bg-white\/88,
    html[data-theme-resolved='dark'] .bg-white\/92,
    html[data-theme-resolved='dark'] .bg-white\/95 {
        background-color: rgba(15, 23, 42, 0.82) !important;
    }

    html[data-theme-resolved='dark'] .bg-slate-50,
    html[data-theme-resolved='dark'] .bg-slate-50\/80,
    html[data-theme-resolved='dark'] .bg-slate-50\/90,
    html[data-theme-resolved='dark'] .bg-slate-100 {
        background-color: rgba(30, 41, 59, 0.84) !important;
    }

    html[data-theme-resolved='dark'] .text-slate-950,
    html[data-theme-resolved='dark'] .text-slate-900,
    html[data-theme-resolved='dark'] .text-slate-800 {
        color: #f8fafc !important;
    }

    html[data-theme-resolved='dark'] .text-slate-700,
    html[data-theme-resolved='dark'] .text-slate-600 {
        color: #cbd5e1 !important;
    }

    html[data-theme-resolved='dark'] .text-slate-500,
    html[data-theme-resolved='dark'] .text-slate-400 {
        color: #94a3b8 !important;
    }

    html[data-theme-resolved='dark'] .border,
    html[data-theme-resolved='dark'] .border-t,
    html[data-theme-resolved='dark'] .border-b {
        border-color: rgba(96, 165, 250, 0.22) !important;
    }

    html[data-theme-resolved='dark'] [class*="divide-"] > :not([hidden]) ~ :not([hidden]),
    html[data-theme-resolved='dark'] .divide-slate-200 > :not([hidden]) ~ :not([hidden]),
    html[data-theme-resolved='dark'] .divide-blueGray-200 > :not([hidden]) ~ :not([hidden]),
    html[data-theme-resolved='dark'] .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
        border-color: rgba(96, 165, 250, 0.14) !important;
        border-left-color: rgba(96, 165, 250, 0.14) !important;
        border-top-color: rgba(96, 165, 250, 0.14) !important;
        border-right-color: rgba(96, 165, 250, 0.14) !important;
        border-bottom-color: rgba(96, 165, 250, 0.14) !important;
    }

    html[data-theme-resolved='dark'] .linkqr-pricing-grid > :not([hidden]) + :not([hidden]) {
        box-shadow: inset 1px 0 0 rgba(96, 165, 250, 0.08) !important;
    }

    html[data-theme-resolved='dark'] .linkqr-pricing-card.is-featured {
        background:
            linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(20, 184, 166, 0.08) 48%, rgba(15, 23, 42, 0.9)),
            rgba(15, 23, 42, 0.9) !important;
    }

    html[data-theme-resolved='dark'] .linkqr-operation-row {
        background:
            linear-gradient(135deg, rgba(15, 23, 42, 0.94), rgba(11, 21, 38, 0.88)),
            rgba(15, 23, 42, 0.9) !important;
        border-color: rgba(96, 165, 250, 0.2) !important;
        box-shadow: 0 20px 64px -54px rgba(0, 0, 0, 0.9);
    }

    html[data-theme-resolved='dark'] .linkqr-operation-row:hover {
        background:
            linear-gradient(135deg, rgba(37, 99, 235, 0.14), rgba(15, 23, 42, 0.94) 46%, rgba(20, 184, 166, 0.08)),
            rgba(15, 23, 42, 0.94) !important;
        border-color: rgba(96, 165, 250, 0.34) !important;
    }

    html[data-theme-resolved='dark'] .linkqr-button-secondary {
        background: rgba(15, 23, 42, 0.7);
        color: #e8eef7;
        border-color: rgba(96, 165, 250, 0.26);
    }

    html[data-theme-resolved='dark'] .linkqr-auth-primary {
        border-color: rgba(34, 211, 238, 0.28);
        background:
            linear-gradient(135deg, #2563eb 0%, #0f8fc7 48%, #10b7a7 100%) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.16),
            0 22px 58px -32px rgba(20, 184, 166, 0.82),
            0 0 0 1px rgba(96, 165, 250, 0.08);
    }

    html[data-theme-resolved='dark'] .linkqr-auth-primary:hover {
        filter: saturate(1.06) brightness(1.04);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.18),
            0 28px 70px -34px rgba(37, 99, 235, 0.88),
            0 0 0 1px rgba(34, 211, 238, 0.16);
    }

    html[data-theme-resolved='dark'] .linkqr-auth-social {
        border-color: rgba(96, 165, 250, 0.22);
        background:
            linear-gradient(180deg, rgba(15, 23, 42, 0.82), rgba(11, 21, 38, 0.72));
        color: #e8eef7;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
    }

    html[data-theme-resolved='dark'] .linkqr-auth-social:hover {
        border-color: rgba(34, 211, 238, 0.32);
        background:
            linear-gradient(180deg, rgba(30, 41, 59, 0.9), rgba(15, 23, 42, 0.78));
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.055),
            0 18px 46px -36px rgba(20, 184, 166, 0.6);
    }

    html[data-theme-resolved='dark'] header a:not(.linkqr-nav-link):hover,
    html[data-theme-resolved='dark'] header button:hover {
        background-color: rgba(30, 41, 59, 0.78) !important;
        color: #f8fafc !important;
    }

    html[data-theme-resolved='dark'] header .linkqr-nav-link:hover {
        background: transparent !important;
        color: #f8fafc !important;
        text-shadow: 0 0 22px rgba(96, 165, 250, 0.36);
    }

    html[data-theme-resolved='dark'] header .linkqr-button-primary:hover {
        background: linear-gradient(135deg, #2563eb, #14b8a6) !important;
        color: #fff !important;
    }

    html[data-theme-resolved='dark'] .linkqr-glass-badge,
    html[data-theme-resolved='dark'] .linkqr-case-metric,
    html[data-theme-resolved='dark'] .linkqr-case-window {
        background: rgba(15, 23, 42, 0.78);
        border-color: rgba(96, 165, 250, 0.24);
    }

    html[data-theme-resolved='dark'] .linkqr-premium::before {
        background:
            linear-gradient(135deg, rgba(37,99,235,0.18), transparent 36%),
            linear-gradient(315deg, rgba(20,184,166,0.16), transparent 38%),
            linear-gradient(180deg, rgba(15,23,42,0.94), rgba(11,21,38,0.86));
    }

    html[data-theme-resolved='dark'] .linkqr-hero-stat,
    html[data-theme-resolved='dark'] .linkqr-hero-chip {
        background: rgba(15, 23, 42, 0.78) !important;
        border-color: rgba(96, 165, 250, 0.28) !important;
    }

    html[data-theme-resolved='dark'] .linkqr-visual,
    html[data-theme-resolved='dark'] .linkqr-visual-bio,
    html[data-theme-resolved='dark'] .linkqr-visual-retail,
    html[data-theme-resolved='dark'] .linkqr-visual-qr,
    html[data-theme-resolved='dark'] .linkqr-visual-rules,
    html[data-theme-resolved='dark'] .linkqr-visual-analytics,
    html[data-theme-resolved='dark'] .linkqr-visual-alerts,
    html[data-theme-resolved='dark'] .linkqr-visual-domain,
    html[data-theme-resolved='dark'] .linkqr-visual-utm,
    html[data-theme-resolved='dark'] .linkqr-visual-team,
    html[data-theme-resolved='dark'] .linkqr-visual-workspace {
        background:
            linear-gradient(135deg, rgba(37,99,235,0.28), rgba(20,184,166,0.18)),
            linear-gradient(180deg, #101d32, #0b1526) !important;
    }

    html[data-theme-resolved='dark'] .linkqr-phone,
    html[data-theme-resolved='dark'] .linkqr-chart-card,
    html[data-theme-resolved='dark'] .linkqr-mini-window,
    html[data-theme-resolved='dark'] .linkqr-domain-card,
    html[data-theme-resolved='dark'] .linkqr-utm-card,
    html[data-theme-resolved='dark'] .linkqr-team-card {
        background: rgba(15, 23, 42, 0.78) !important;
        border-color: rgba(96, 165, 250, 0.26) !important;
        box-shadow: 0 24px 70px -46px rgba(0, 0, 0, 0.82);
    }

    html[data-theme-resolved='dark'] .linkqr-floating-qr,
    html[data-theme-resolved='dark'] .linkqr-route-qr {
        background: rgba(15, 23, 42, 0.88) !important;
        border: 1px solid rgba(96, 165, 250, 0.28);
        box-shadow: 0 24px 70px -44px rgba(0, 0, 0, 0.86);
    }

    html[data-theme-resolved='dark'] .linkqr-floating-qr span.is-on,
    html[data-theme-resolved='dark'] .linkqr-route-qr span.is-on {
        background: #e2e8f0;
    }

    html[data-theme-resolved='dark'] .linkqr-floating-qr span:not(.is-on),
    html[data-theme-resolved='dark'] .linkqr-route-qr span:not(.is-on) {
        background: rgba(96, 165, 250, 0.08);
    }

    html[data-theme-resolved='dark'] .linkqr-visual::after {
        background: linear-gradient(180deg, transparent 32%, rgba(2,6,23,0.16) 48%, rgba(2,6,23,0.76));
    }

    html[data-theme-resolved='dark'] .linkqr-line {
        background: rgba(148, 163, 184, 0.34);
    }

    html[data-theme-resolved='dark'] .linkqr-button-line {
        background: linear-gradient(90deg, rgba(37,99,235,0.42), rgba(20,184,166,0.46));
    }

    html[data-theme-resolved='dark'] .linkqr-avatar,
    html[data-theme-resolved='dark'] .linkqr-member-avatar {
        box-shadow: 0 0 0 8px rgba(96, 165, 250, 0.08);
    }

    html[data-theme-resolved='dark'] .linkqr-utm-pill {
        background: rgba(245, 158, 11, 0.14);
        color: #fed7aa;
    }

    html[data-theme-resolved='dark'] .linkqr-member-row {
        background: rgba(30, 41, 59, 0.7);
    }

    html[data-theme-resolved='dark'] .linkqr-image-frame {
        background:
            linear-gradient(135deg, rgba(37,99,235,0.22), rgba(20,184,166,0.14)),
            #101d32;
    }

    html[data-theme-resolved='dark'] .linkqr-image-frame::after {
        background:
            linear-gradient(180deg, rgba(2,6,23,0.02), rgba(2,6,23,0.62)),
            linear-gradient(90deg, rgba(37,99,235,0.18), transparent 42%);
    }

    html[data-theme-resolved='dark'] article[class*="from-blue-50"],
    html[data-theme-resolved='dark'] div[class*="from-blue-50"],
    html[data-theme-resolved='dark'] [class*="to-teal-50"] {
        background: linear-gradient(180deg, rgba(30,41,59,0.96), rgba(15,23,42,0.9)) !important;
    }

    html[data-theme-resolved='dark'] .bg-blue-50,
    html[data-theme-resolved='dark'] .bg-emerald-50,
    html[data-theme-resolved='dark'] .bg-amber-50,
    html[data-theme-resolved='dark'] .bg-violet-50 {
        background-color: rgba(30, 41, 59, 0.9) !important;
    }

    html[data-theme-resolved='dark'],
    html[data-theme-resolved='dark'] body {
        background-color: #07111f !important;
        color: #e8eef7 !important;
    }

    html[data-theme-resolved='dark'] body[style] {
        background:
            linear-gradient(rgba(96, 165, 250, 0.055) 1px, transparent 1px),
            linear-gradient(90deg, rgba(96, 165, 250, 0.055) 1px, transparent 1px),
            radial-gradient(circle at 20% 8%, rgba(37, 99, 235, 0.22), transparent 28%),
            radial-gradient(circle at 82% 22%, rgba(20, 184, 166, 0.18), transparent 26%),
            linear-gradient(180deg, #07111f 0%, #0b1526 48%, #07111f 100%) !important;
        color: #e8eef7 !important;
    }

    html[data-theme-resolved='dark'] header {
        background: rgba(7, 17, 31, 0.82);
        backdrop-filter: blur(18px);
    }

    html[data-theme-resolved='dark'] header img,
    html[data-theme-resolved='dark'] footer img,
    html[data-theme-resolved='dark'] .linkqr-brand-logo img {
        filter: brightness(0) invert(1);
    }

    html[data-theme-resolved='dark'] [class*="text-[#181714]"],
    html[data-theme-resolved='dark'] [class*="text-[#0F172A]"],
    html[data-theme-resolved='dark'] [class*="text-gray-900"],
    html[data-theme-resolved='dark'] [class*="text-blueGray-900"] {
        color: #f8fafc !important;
    }

    html[data-theme-resolved='dark'] [class*="text-[#57534b]"],
    html[data-theme-resolved='dark'] [class*="text-[#6d685f]"],
    html[data-theme-resolved='dark'] [class*="text-[#8a867d]"],
    html[data-theme-resolved='dark'] [class*="text-gray-600"],
    html[data-theme-resolved='dark'] [class*="text-gray-500"],
    html[data-theme-resolved='dark'] [class*="text-blueGray-600"],
    html[data-theme-resolved='dark'] [class*="text-blueGray-500"] {
        color: #cbd5e1 !important;
    }

    html[data-theme-resolved='dark'] [class*="hover:text-[#181714]"]:hover {
        color: #f8fafc !important;
    }

    html[data-theme-resolved='dark'] [class*="bg-[#fbfaf6]"],
    html[data-theme-resolved='dark'] [class*="bg-[#fffdf8]"],
    html[data-theme-resolved='dark'] [class*="bg-[#f4f1ea]"],
    html[data-theme-resolved='dark'] [class*="bg-[#f4f0e7]"],
    html[data-theme-resolved='dark'] [class*="bg-white/70"],
    html[data-theme-resolved='dark'] [class*="bg-white/80"],
    html[data-theme-resolved='dark'] [class*="bg-white/90"] {
        background-color: rgba(15, 23, 42, 0.84) !important;
    }

    html[data-theme-resolved='dark'] [class*="bg-[#d8f2fb]"],
    html[data-theme-resolved='dark'] [class*="bg-[#eef7ff]"],
    html[data-theme-resolved='dark'] [class*="bg-[#edf6ff]"],
    html[data-theme-resolved='dark'] [class*="bg-[#cfeefd]"],
    html[data-theme-resolved='dark'] [class*="bg-[#fff6dd]"],
    html[data-theme-resolved='dark'] [class*="bg-[#fff0c2]"],
    html[data-theme-resolved='dark'] [class*="bg-[#f9f3df]"],
    html[data-theme-resolved='dark'] [class*="bg-[#fff3d8]"] {
        background-color: rgba(30, 41, 59, 0.86) !important;
    }

    html[data-theme-resolved='dark'] [class*="border-[#ded7ca]"],
    html[data-theme-resolved='dark'] [class*="border-[#d8d3c7]"],
    html[data-theme-resolved='dark'] [class*="border-[#e8dfd1]"],
    html[data-theme-resolved='dark'] [class*="border-[#e5dfd2]"],
    html[data-theme-resolved='dark'] [class*="border-[#eadfca]"],
    html[data-theme-resolved='dark'] [class*="border-[#eee7da]"] {
        border-color: rgba(96, 165, 250, 0.24) !important;
    }

    html[data-theme-resolved='dark'] input,
    html[data-theme-resolved='dark'] textarea,
    html[data-theme-resolved='dark'] select {
        background-color: rgba(15, 23, 42, 0.88) !important;
        border-color: rgba(96, 165, 250, 0.24) !important;
        color: #f8fafc !important;
    }

    html[data-theme-resolved='dark'] input::placeholder,
    html[data-theme-resolved='dark'] textarea::placeholder {
        color: #94a3b8 !important;
    }

    html[data-theme-resolved='dark'] [class*="bg-[#181714]"] {
        background-color: #f8fafc !important;
        color: #07111f !important;
    }

    html[data-theme-resolved='dark'] [class*="text-white"] {
        color: #f8fafc !important;
    }

    html[data-theme-resolved='dark'] [class*="bg-[#181714]"][class*="text-white"],
    html[data-theme-resolved='dark'] a[class*="bg-[#181714]"],
    html[data-theme-resolved='dark'] button[class*="bg-[#181714]"] {
        color: #07111f !important;
    }

    html[data-theme-resolved='dark'] .prose,
    html[data-theme-resolved='dark'] .guest-static-content {
        color: #cbd5e1 !important;
    }

    html[data-theme-resolved='dark'] .prose h1,
    html[data-theme-resolved='dark'] .prose h2,
    html[data-theme-resolved='dark'] .prose h3,
    html[data-theme-resolved='dark'] .prose strong {
        color: #f8fafc !important;
    }

    html[data-theme-resolved='dark'] .prose a {
        color: #93c5fd !important;
    }

    html[data-theme-resolved='dark'] .linkqrpro-paper,
    html[data-theme-resolved='dark'] .linkqrpro-blue-paper {
        background-color: #07111f !important;
        background-image:
            linear-gradient(rgba(96, 165, 250, 0.07) 1px, transparent 1px),
            linear-gradient(90deg, rgba(96, 165, 250, 0.07) 1px, transparent 1px),
            radial-gradient(circle at 18% 12%, rgba(37, 99, 235, 0.18), transparent 30%),
            radial-gradient(circle at 86% 20%, rgba(20, 184, 166, 0.14), transparent 28%) !important;
        background-size: 36px 36px, 36px 36px, auto, auto !important;
    }

    html[data-theme-resolved='dark'] .lq-hero-preview,
    html[data-theme-resolved='dark'] .lq-feature-card,
    html[data-theme-resolved='dark'] .lq-step-card,
    html[data-theme-resolved='dark'] .lq-use-card,
    html[data-theme-resolved='dark'] .lq-shortlink-window,
    html[data-theme-resolved='dark'] .lq-feature-showcase,
    html[data-theme-resolved='dark'] .lq-card,
    html[data-theme-resolved='dark'] .lq-username-card {
        background:
            radial-gradient(circle at 18% 0%, rgba(96, 165, 250, 0.10), transparent 34%),
            linear-gradient(135deg, rgba(15, 23, 42, 0.96), rgba(11, 21, 38, 0.92)) !important;
        border-color: rgba(96, 165, 250, 0.26) !important;
        box-shadow: 0 28px 86px -58px rgba(0, 0, 0, 0.88) !important;
    }

    html[data-theme-resolved='dark'] .lq-feature-card::before {
        opacity: .48 !important;
    }

    html[data-theme-resolved='dark'] .lq-feature-card::after {
        opacity: .08 !important;
    }

    html[data-theme-resolved='dark'] .lq-feature-showcase,
    html[data-theme-resolved='dark'] .lq-shortlink-window {
        background:
            linear-gradient(rgba(96, 165, 250, 0.06) 1px, transparent 1px),
            linear-gradient(90deg, rgba(96, 165, 250, 0.06) 1px, transparent 1px),
            radial-gradient(circle at 12% 18%, rgba(255, 197, 45, 0.16), transparent 28%),
            linear-gradient(135deg, rgba(15, 23, 42, 0.96), rgba(11, 21, 38, 0.9)) !important;
        background-size: 26px 26px, 26px 26px, auto, auto !important;
    }

    html[data-theme-resolved='dark'] .lq-workflow-panel {
        background:
            radial-gradient(circle at 18% 12%, rgba(147, 197, 253, .18), transparent 28%),
            radial-gradient(circle at 86% 24%, rgba(20, 184, 166, .12), transparent 32%),
            linear-gradient(180deg, #1d4ed8 0%, #0f2d63 100%) !important;
        color: #f8fafc !important;
    }

    html[data-theme-resolved='dark'] .lq-workflow-panel [class*="text-[#102453]"],
    html[data-theme-resolved='dark'] .lq-workflow-panel i,
    html[data-theme-resolved='dark'] .lq-workflow-panel span,
    html[data-theme-resolved='dark'] .lq-workflow-panel p,
    html[data-theme-resolved='dark'] .lq-workflow-panel h2 {
        color: #f8fafc !important;
    }

    html[data-theme-resolved='dark'] .lq-workflow-panel [class*="bg-[#102453]"] {
        background-color: #f8fafc !important;
    }

    html[data-theme-resolved='dark'] .lq-workflow-panel [class*="bg-white/"] {
        background-color: rgba(255, 255, 255, 0.13) !important;
    }

    html[data-theme-resolved='dark'] .lq-hero-preview .linkqrpro-blue-paper {
        background-color: rgba(216, 242, 251, 0.12) !important;
    }

    html[data-theme-resolved='dark'] .lq-link-row,
    html[data-theme-resolved='dark'] .lq-use-link,
    html[data-theme-resolved='dark'] .lq-shortlink-window > div,
    html[data-theme-resolved='dark'] .lq-metric {
        background-color: rgba(15, 23, 42, 0.82) !important;
        border-color: rgba(96, 165, 250, 0.22) !important;
    }

    html[data-theme-resolved='dark'] .lq-feature-card > .relative:first-child > div,
    html[data-theme-resolved='dark'] .lq-use-icon,
    html[data-theme-resolved='dark'] .lq-step-icon,
    html[data-theme-resolved='dark'] .lq-badge-icon,
    html[data-theme-resolved='dark'] span[class*="bg-[#cef8dc]"],
    html[data-theme-resolved='dark'] span[class*="bg-[#cfeefd]"],
    html[data-theme-resolved='dark'] div[class*="bg-[#cfeefd]"],
    html[data-theme-resolved='dark'] div[class*="bg-[#ffc52d]"],
    html[data-theme-resolved='dark'] div[class*="bg-[#f7d1e6]"],
    html[data-theme-resolved='dark'] div[class*="bg-[#e4ddff]"],
    html[data-theme-resolved='dark'] div[class*="bg-[#dff3ce]"],
    html[data-theme-resolved='dark'] div[style*="background: #"] {
        color: #07111f !important;
    }

    html[data-theme-resolved='dark'] .lq-feature-card > .relative:first-child > div i,
    html[data-theme-resolved='dark'] .lq-use-icon i,
    html[data-theme-resolved='dark'] .lq-step-icon i,
    html[data-theme-resolved='dark'] .lq-badge-icon i {
        color: #07111f !important;
    }

    html[data-theme-resolved='dark'] .lq-feature-card > i,
    html[data-theme-resolved='dark'] .lq-use-card > i,
    html[data-theme-resolved='dark'] .lq-feature-showcase > i {
        color: rgba(226, 232, 240, 0.13) !important;
    }

    html[data-theme-resolved='dark'] [class*="bg-[#f9f3df]"] p,
    html[data-theme-resolved='dark'] [class*="bg-[#fff6dd]"] p,
    html[data-theme-resolved='dark'] [class*="bg-[#fffdf8]"] p,
    html[data-theme-resolved='dark'] [class*="bg-white/75"],
    html[data-theme-resolved='dark'] [class*="bg-white/86"] {
        color: #e8eef7 !important;
    }

    html[data-theme-resolved='dark'] [class*="bg-[#fff3d8]"] {
        color: #f8fafc !important;
    }

    html[data-theme-resolved='dark'] .lq-shortlink-window [class*="bg-[#fff3d8]"],
    html[data-theme-resolved='dark'] .lq-shortlink-window [class*="bg-[#f9f3df]"],
    html[data-theme-resolved='dark'] .lq-shortlink-window [class*="bg-[#fffdf8]"] {
        background-color: rgba(30, 41, 59, 0.92) !important;
        color: #f8fafc !important;
    }

    html[data-theme-resolved='dark'] .lq-shortlink-window span[class*="bg-white"],
    html[data-theme-resolved='dark'] .lq-feature-showcase span[class*="bg-white"] {
        background-color: rgba(15, 23, 42, 0.92) !important;
        color: #e8eef7 !important;
        border-color: rgba(96, 165, 250, 0.24) !important;
    }

    html[data-theme-resolved='dark'] .lq-draw {
        background-color: #fbbf24 !important;
        color: #181714 !important;
    }

    html[data-theme-resolved='dark'] .lq-draw h2,
    html[data-theme-resolved='dark'] .lq-draw p {
        color: #181714 !important;
    }

    html[data-theme-resolved='dark'] .lq-draw a {
        background-color: #181714 !important;
        color: #ffffff !important;
    }

    html[data-theme-resolved='dark'] .lq-hero-copy .lq-reveal {
        background: rgba(15, 23, 42, 0.76) !important;
        border-color: rgba(96, 165, 250, 0.38) !important;
        color: #e8eef7 !important;
        box-shadow: 0 18px 42px -34px rgba(96, 165, 250, 0.75);
    }

    html[data-theme-resolved='dark'] .lq-hero-copy .lq-reveal > span:last-child {
        color: #e8eef7 !important;
    }

    html[data-theme-resolved='dark'] .lq-badge-icon,
    html[data-theme-resolved='dark'] .lq-step-icon {
        background: #cfeefd !important;
        color: #07111f !important;
        opacity: 1 !important;
        box-shadow: 0 18px 36px -28px rgba(147, 197, 253, 0.9);
    }

    html[data-theme-resolved='dark'] .lq-badge-icon i,
    html[data-theme-resolved='dark'] .lq-step-icon i {
        color: #07111f !important;
        opacity: 1 !important;
    }

    html[data-theme-resolved='dark'] .lq-feature-card > .relative:first-child > div,
    html[data-theme-resolved='dark'] .lq-use-icon {
        opacity: 1 !important;
        filter: saturate(1.1) brightness(1.08);
    }

    html[data-theme-resolved='dark'] .lq-feature-card > .relative:first-child > div i,
    html[data-theme-resolved='dark'] .lq-use-icon i {
        color: #07111f !important;
        opacity: 1 !important;
    }

    html[data-theme-resolved='dark'] .lq-feature-card > i,
    html[data-theme-resolved='dark'] .lq-use-card > i,
    html[data-theme-resolved='dark'] .lq-feature-showcase > i {
        color: rgba(226, 232, 240, 0.22) !important;
    }

    html[data-theme-resolved='dark'] .lq-feature-showcase [class*="bg-[#f9f3df]"],
    html[data-theme-resolved='dark'] .lq-shortlink-window [class*="bg-[#fffdf8]"],
    html[data-theme-resolved='dark'] .lq-shortlink-window [class*="bg-white/90"] {
        background: rgba(15, 23, 42, 0.88) !important;
        border-color: rgba(96, 165, 250, 0.26) !important;
        color: #f8fafc !important;
    }

    html[data-theme-resolved='dark'] .lq-feature-showcase [class*="bg-[#f9f3df]"] p,
    html[data-theme-resolved='dark'] .lq-shortlink-window [class*="bg-[#fffdf8]"] p,
    html[data-theme-resolved='dark'] .lq-shortlink-window [class*="bg-white/90"] p {
        color: #f8fafc !important;
    }

    html[data-theme-resolved='dark'] .lq-feature-showcase [class*="bg-[#f9f3df]"] p:last-child,
    html[data-theme-resolved='dark'] .lq-shortlink-window [class*="bg-[#fffdf8]"] p:last-child {
        color: #cbd5e1 !important;
    }

    html[data-theme-resolved='dark'] .lq-shortlink-window [class*="bg-[#fff3d8]"] {
        background: #fff3d8 !important;
        color: #181714 !important;
    }

    html[data-theme-resolved='dark'] .lq-shortlink-window span[class*="bg-[#181714]"] {
        background: #f8fafc !important;
        color: #07111f !important;
    }

    html[data-theme-resolved='dark'] .lq-shortlink-window span[class*="bg-white"],
    html[data-theme-resolved='dark'] .lq-feature-showcase span[class*="bg-white"] {
        background: rgba(248, 250, 252, 0.92) !important;
        color: #07111f !important;
        border-color: rgba(248, 250, 252, 0.7) !important;
    }

    html[data-theme-resolved='dark'] .lq-draw a,
    html[data-theme-resolved='dark'] .lq-draw a[class*="bg-[#181714]"] {
        background: #181714 !important;
        color: #ffffff !important;
        border-color: rgba(24, 23, 20, 0.45) !important;
    }

    html[data-theme-resolved='dark'] .lq-draw a *,
    html[data-theme-resolved='dark'] .lq-draw a[class*="bg-[#181714]"] * {
        color: #ffffff !important;
    }

    html[data-theme-resolved='dark'] body > div[class*="bg-[linear-gradient"] {
        background:
            linear-gradient(rgba(96, 165, 250, 0.1) 1px, transparent 1px),
            linear-gradient(90deg, rgba(96, 165, 250, 0.1) 1px, transparent 1px),
            radial-gradient(circle at 14% 8%, rgba(37, 99, 235, 0.22), transparent 28rem),
            radial-gradient(circle at 86% 12%, rgba(20, 184, 166, 0.18), transparent 32rem),
            #07111f !important;
        background-size: 34px 34px, 34px 34px, auto, auto, auto !important;
    }

    html[data-theme-resolved='dark'] img[src*="logo-brand-dark"],
    html[data-theme-resolved='dark'] img[src*="logo-dark"] {
        filter: brightness(0) invert(1);
    }

    html[data-theme-resolved='dark'] ::selection {
        background: rgba(96, 165, 250, 0.32);
        color: #f8fafc;
    }
    
    .linkqrpro-serif { font-family: Georgia, "Times New Roman", serif; }
        .linkqrpro-paper {
            background-color: #fbfaf6;
            background-image:
                radial-gradient(circle at 15% 8%, rgba(24,23,20,.05) 0 1px, transparent 1px),
                radial-gradient(circle at 76% 18%, rgba(24,23,20,.045) 0 1px, transparent 1px);
            background-size: 120px 120px, 170px 170px;
        }
        .linkqrpro-paper,
        .linkqrpro-paper *,
        .linkqrpro-paper *::before,
        .linkqrpro-paper *::after {
            box-sizing: border-box;
        }
        .linkqrpro-blue-paper {
            background-color: #d9f1fb;
            background-image:
                repeating-linear-gradient(0deg, rgba(50,109,133,.18) 0 1px, transparent 1px 31px),
                repeating-linear-gradient(90deg, rgba(50,109,133,.08) 0 1px, transparent 1px 72px);
        }
        .linkqrpro-doodle {
            color: rgba(24,23,20,.18);
        }
        .lq-hero-copy { animation: lq-rise-in .72s cubic-bezier(.2,.8,.2,1) both; }
        .lq-hero-preview { animation: lq-rise-in .82s .12s cubic-bezier(.2,.8,.2,1) both, lq-float 7s 1.1s ease-in-out infinite; transform-origin: center; }
        .lq-username-card { transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease; }
        .lq-username-card:focus-within { border-color: #5f8dff; box-shadow: 0 22px 55px -34px rgba(24,23,20,.62), 0 0 0 4px rgba(95,141,255,.14); transform: translateY(-2px); }
        .lq-card { transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease; }
        .lq-card:hover { border-color: rgba(95,141,255,.58); box-shadow: 0 30px 80px -62px rgba(24,23,20,.62); transform: translateY(-5px); }
        .lq-feature-card {
            background:
                linear-gradient(135deg, var(--accent-soft, rgba(255,255,255,.7)) 0 32%, rgba(255,255,255,.78) 32% 100%);
        }
        .lq-feature-card::before {
            content: "";
            position: absolute;
            inset: 0 auto 0 0;
            width: 6px;
            background: var(--accent, #5f8dff);
            opacity: .86;
        }
        .lq-feature-card::after {
            content: "";
            position: absolute;
            right: -28px;
            top: -28px;
            width: 104px;
            height: 104px;
            border-radius: 999px;
            background: var(--accent, #5f8dff);
            opacity: .16;
        }
        .lq-feature-showcase {
            background:
                radial-gradient(circle at 16% 18%, rgba(255,197,45,.34), transparent 30%),
                radial-gradient(circle at 92% 12%, rgba(95,141,255,.16), transparent 28%),
                linear-gradient(180deg, rgba(255,253,248,.96), rgba(255,250,235,.82));
        }
        .lq-shortlink-window {
            background:
                linear-gradient(#edf3fb 1px, transparent 1px),
                linear-gradient(90deg, #edf3fb 1px, transparent 1px),
                #fffdf8;
            background-size: 26px 26px;
        }
        .lq-use-card {
            background:
                radial-gradient(circle at 86% 18%, var(--accent-soft, rgba(255,255,255,.4)), transparent 30%),
                linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,253,248,.96));
        }
        .lq-use-card .lq-use-icon,
        .lq-use-card .lq-use-link {
            transition: transform .28s ease, background-color .28s ease, border-color .28s ease;
        }
        .lq-use-card:hover .lq-use-icon {
            transform: translateY(-4px) rotate(-4deg);
        }
        .lq-use-card:hover .lq-use-link {
            transform: translateX(4px);
            border-color: rgba(24,23,20,.22);
        }
        .lq-workflow-panel {
            background:
                radial-gradient(circle at 18% 12%, rgba(255,255,255,.5), transparent 28%),
                radial-gradient(circle at 86% 24%, rgba(255,243,216,.62), transparent 32%),
                linear-gradient(180deg, #8db2ff 0%, #6f9cff 100%);
        }
        .lq-step-card {
            background:
                radial-gradient(circle at 92% 10%, rgba(95,141,255,.12), transparent 28%),
                #fffdf8;
        }
        .lq-step-card::before {
            content: "";
            position: absolute;
            left: 2rem;
            top: 0;
            bottom: 0;
            width: 1px;
            background: rgba(95,141,255,.22);
        }
        .lq-step-icon {
            transition: transform .28s ease, background-color .28s ease;
        }
        .lq-step-card:hover .lq-step-icon {
            transform: translateY(-3px) rotate(-5deg);
            background-color: #cef8dc;
        }
        .lq-cta-button {
            position: relative;
            overflow: hidden;
            transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease, background-color .24s ease;
        }
        .lq-cta-button::before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(110deg, transparent 0 30%, rgba(255,255,255,.44) 45%, transparent 60% 100%);
            transform: translateX(-120%);
            transition: transform .55s ease;
        }
        .lq-cta-button:hover {
            transform: translateY(-3px);
            border-color: rgba(16,36,83,.55);
            background: rgba(255,255,255,.35);
            box-shadow: 0 18px 36px -26px rgba(16,36,83,.72);
        }
        .lq-cta-button:hover::before {
            transform: translateX(120%);
        }
        .lq-cta-button i {
            transition: transform .24s ease;
        }
        .lq-cta-button:hover i {
            transform: translateX(4px);
        }
        .lq-badge-icon {
            transition: transform .24s ease, background-color .24s ease;
        }
        .lq-reveal:hover .lq-badge-icon {
            transform: translateY(-2px) rotate(-5deg);
            background-color: #181714;
            color: #fffdf8;
        }
        .lq-link-row i { transition: transform .22s ease; }
        .lq-link-row:hover i { transform: translate(3px, -3px); }
        .lq-postit { animation: lq-paper-sway 6.5s ease-in-out infinite; }
        .lq-metric { animation: lq-soft-pop .62s cubic-bezier(.2,.8,.2,1) both; animation-delay: var(--delay, 0ms); }
        .lq-reveal { opacity: 0; transform: translateY(24px); transition: opacity .72s cubic-bezier(.2,.8,.2,1), transform .72s cubic-bezier(.2,.8,.2,1); transition-delay: var(--delay, 0ms); }
        .lq-reveal.is-visible { opacity: 1; transform: translateY(0); }
        .lq-draw svg path { stroke-dasharray: 900; stroke-dashoffset: 900; }
        .lq-draw.is-visible svg path { animation: lq-draw 1.45s ease forwards; }
        @keyframes lq-rise-in { from { opacity: 0; transform: translateY(26px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }
        @keyframes lq-float { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-10px) rotate(.4deg); } }
        @keyframes lq-paper-sway { 0%, 100% { transform: translateY(0) rotate(var(--rotate, 0deg)); } 50% { transform: translateY(-8px) rotate(calc(var(--rotate, 0deg) + 2deg)); } }
        @keyframes lq-soft-pop { from { opacity: 0; transform: translateY(10px) scale(.96); } to { opacity: 1; transform: translateY(0) scale(1); } }
        @keyframes lq-draw { to { stroke-dashoffset: 0; } }
        @media (max-width: 639px) {
            .linkqrpro-paper {
                padding-left: 1rem;
                padding-right: 1rem;
            }
            .linkqrpro-paper > .mx-auto,
            .lq-hero-copy,
            .lq-hero-copy > *,
            .lq-hero-copy [x-data] {
                min-width: 0;
                max-width: 100%;
            }
            .lq-hero-copy h1 {
                font-size: clamp(2.35rem, 10.6vw, 2.75rem);
                line-height: 1.02;
                letter-spacing: 0;
            }
            .lq-hero-copy p {
                overflow-wrap: anywhere;
            }
            .lq-username-card {
                width: 100%;
                max-width: 100%;
            }
            .lq-username-card > div {
                width: 100%;
                max-width: 100%;
            }
            .lq-hero-preview {
                border-radius: 1.1rem;
                padding: .75rem;
            }
            .lq-hero-preview .linkqrpro-blue-paper {
                border-radius: .9rem;
                padding: .75rem;
            }
            .lq-feature-showcase {
                padding: 1rem;
            }
            .lq-shortlink-window {
                min-width: 0;
                max-width: 100%;
                padding: .75rem;
            }
            .lq-short-url-row {
                flex-wrap: nowrap;
            }
            .lq-short-url-row > span {
                min-width: 0;
            }
            .lq-scroll-chips {
                flex-wrap: nowrap;
                max-width: 100%;
                overflow-x: auto;
                padding-bottom: .25rem;
                scrollbar-width: none;
            }
            .lq-scroll-chips::-webkit-scrollbar {
                display: none;
            }
            .lq-scroll-chips > span {
                flex: 0 0 auto;
            }
            .lq-postit {
                display: none;
            }
        }
        @media (prefers-reduced-motion: reduce) {
            .lq-hero-copy, .lq-hero-preview, .lq-postit, .lq-metric, .lq-reveal, .lq-draw.is-visible svg path {
                animation: none !important; opacity: 1 !important; transform: none !important; transition: none !important; stroke-dashoffset: 0 !important;
            }
        }
        .linkqrpro-serif { font-family: Georgia, "Times New Roman", serif; }
        .linkqrpro-paper {
            background-color: #fbfaf6;
            background-image:
                radial-gradient(circle at 15% 8%, rgba(24,23,20,.05) 0 1px, transparent 1px),
                radial-gradient(circle at 76% 18%, rgba(24,23,20,.045) 0 1px, transparent 1px);
            background-size: 120px 120px, 170px 170px;
        }
        .lq-pricing-table {
            background:
                linear-gradient(90deg, rgba(255,197,45,.12), transparent 24%, rgba(207,238,253,.18) 74%, transparent),
                rgba(255,253,248,.92);
        }
        .lq-pricing-card {
            background:
                radial-gradient(circle at 92% 8%, rgba(255,197,45,.12), transparent 25%),
                #fffdf8;
        }
        .lq-pricing-card.is-featured {
            background:
                radial-gradient(circle at 12% 10%, rgba(255,197,45,.38), transparent 27%),
                radial-gradient(circle at 88% 14%, rgba(207,238,253,.72), transparent 32%),
                linear-gradient(180deg, #fffdf8 0%, #f8fbf1 54%, #fff8dd 100%);
            box-shadow: none;
        }
        .lq-pricing-ribbon {
            background: #ffc52d;
            color: #181714;
        }
        .lq-pricing-summary-card {
            background:
                radial-gradient(circle at 88% 12%, var(--summary-accent, rgba(255,197,45,.24)), transparent 34%),
                #fffdf8;
            transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
        }
        .lq-pricing-summary-card:hover {
            transform: translateY(-4px);
            border-color: rgba(24,23,20,.18);
            box-shadow: 0 24px 70px -58px rgba(24,23,20,.62);
        }
        .lq-pricing-faq-card {
            background:
                linear-gradient(180deg, rgba(255,253,248,.94), rgba(255,248,221,.62)),
                #fffdf8;
        }
        @media (max-width: 639px) {
            .lq-pricing-tabs {
                display: grid;
                width: 100%;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                border-radius: 1rem;
            }
            .lq-pricing-tabs button {
                min-width: 0;
                padding-left: .75rem;
                padding-right: .75rem;
            }
        }