.elementor-547 .elementor-element.elementor-element-d47ce6c{--display:flex;}.elementor-547 .elementor-element.elementor-element-323c016{--display:flex;}.elementor-547 .elementor-element.elementor-element-bd7cfaa{--display:flex;}.elementor-547 .elementor-element.elementor-element-9ecac34{--display:flex;}.elementor-547 .elementor-element.elementor-element-be47f63{--display:flex;}.elementor-547 .elementor-element.elementor-element-537c500{--display:flex;}.elementor-547 .elementor-element.elementor-element-9a76418{--display:flex;}.elementor-547 .elementor-element.elementor-element-62bae35{--display:flex;}.elementor-547 .elementor-element.elementor-element-69ab376{--display:flex;}.elementor-547 .elementor-element.elementor-element-5fb2b48{--display:flex;}.elementor-547 .elementor-element.elementor-element-3384ddc{--display:flex;}.elementor-547 .elementor-element.elementor-element-63aec8b{--display:flex;}/* Start custom CSS for html, class: .elementor-element-536e119 *//* =========================================================
   QUICKFIXI — AI SEARCH AUDIT HERO
========================================================= */

.qf-aihero {
    --qf-ai-primary: #5b4bff;
    --qf-ai-secondary: #704cff;
    --qf-ai-dark: #0f1428;
    --qf-ai-heading: #101828;
    --qf-ai-text: #667085;
    --qf-ai-border: #e4e8f1;
    --qf-ai-green: #22b573;
    --qf-ai-red: #e45b69;

    position: relative;
    isolation: isolate;
    overflow: hidden;

    min-height: 760px;

    display: flex;
    align-items: center;

    padding: 105px 0 90px;

    background:
        radial-gradient(
            circle at 82% 28%,
            rgba(91, 75, 255, .12),
            transparent 29%
        ),
        radial-gradient(
            circle at 15% 5%,
            rgba(112, 76, 255, .055),
            transparent 27%
        ),
        linear-gradient(
            145deg,
            #fbfbff 0%,
            #f7f8ff 52%,
            #f3f1ff 100%
        );

    font-family: "Geist", "DM Sans", Arial, sans-serif;
}

.qf-aihero,
.qf-aihero *,
.qf-aihero *::before,
.qf-aihero *::after {
    box-sizing: border-box;
}

.qf-aihero__container {
    position: relative;
    z-index: 2;

    width: min(calc(100% - 48px), 1280px);
    margin-inline: auto;

    display: grid;
    grid-template-columns:
        minmax(0, .88fr)
        minmax(520px, 1.12fr);

    align-items: center;

    gap: clamp(55px, 6vw, 90px);
}

/* =========================================================
   BACKGROUND ORBS
========================================================= */

.qf-aihero__orb {
    position: absolute;

    border-radius: 50%;

    pointer-events: none;
}

.qf-aihero__orb--one {
    width: 430px;
    height: 430px;

    top: -220px;
    right: 3%;

    border:
        1px solid rgba(91,75,255,.08);
}

.qf-aihero__orb--two {
    width: 260px;
    height: 260px;

    right: 26%;
    bottom: -180px;

    border:
        1px solid rgba(91,75,255,.07);
}

/* =========================================================
   LEFT CONTENT
========================================================= */

.qf-aihero__content {
    min-width: 0;
}

.qf-aihero__eyebrow {
    width: fit-content;

    padding: 8px 12px;

    display: inline-flex;
    align-items: center;

    gap: 8px;

    color: var(--qf-ai-primary);

    background:
        rgba(91,75,255,.065);

    border:
        1px solid rgba(91,75,255,.1);

    border-radius: 999px;

    font-size: 10px;
    font-weight: 730;

    letter-spacing: .08em;
    text-transform: uppercase;
}

.qf-aihero__eyebrow-dot {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: var(--qf-ai-primary);

    box-shadow:
        0 0 0 5px rgba(91,75,255,.09);

    animation:
        qfAiPulse 2s infinite;
}

.qf-aihero h1 {
    max-width: 680px;

    margin: 23px 0 0;

    color: var(--qf-ai-heading);

    font-size: clamp(49px, 5vw, 68px);
    font-weight: 735;
    line-height: 1.015;

    letter-spacing: -.06em;
}

.qf-aihero h1 span {
    display: block;

    background:
        linear-gradient(
            90deg,
            var(--qf-ai-primary),
            #7a50ed
        );

    -webkit-background-clip: text;
    background-clip: text;

    color: transparent;
}

.qf-aihero__lead {
    max-width: 625px;

    margin: 24px 0 0;

    color: var(--qf-ai-text);

    font-size: 16px;
    line-height: 1.75;
}

/* =========================================================
   CTA
========================================================= */

.qf-aihero__actions {
    margin-top: 30px;

    display: flex;
    flex-wrap: wrap;

    gap: 11px;
}

.qf-aihero__btn,
.qf-aihero__btn:link,
.qf-aihero__btn:visited {
    min-height: 54px;

    padding: 0 20px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    border-radius: 13px;

    font-size: 13px;
    font-weight: 650;

    text-decoration: none !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}

.qf-aihero__btn svg {
    width: 16px;
    height: 16px;

    transition:
        transform .2s ease;
}

.qf-aihero__btn:hover svg {
    transform: translateX(3px);
}

.qf-aihero__btn--primary,
.qf-aihero__btn--primary:visited {
    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            var(--qf-ai-primary),
            var(--qf-ai-secondary)
        ) !important;

    box-shadow:
        0 13px 28px rgba(91,75,255,.23);
}

.qf-aihero__btn--primary:hover {
    color: #ffffff !important;

    transform: translateY(-2px);

    box-shadow:
        0 17px 34px rgba(91,75,255,.3);
}

.qf-aihero__btn--secondary,
.qf-aihero__btn--secondary:visited {
    color: #344054 !important;

    background: #ffffff !important;

    border:
        1px solid var(--qf-ai-border);
}

.qf-aihero__btn--secondary:hover {
    color: var(--qf-ai-primary) !important;

    background: #faf9ff !important;

    transform: translateY(-2px);
}

/* =========================================================
   TRUST
========================================================= */

.qf-aihero__trust {
    margin-top: 27px;

    display: flex;
    flex-wrap: wrap;

    gap: 11px 18px;
}

.qf-aihero__trust span {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    color: #667085;

    font-size: 10px;
    font-weight: 550;
}

.qf-aihero__trust svg {
    width: 15px;
    height: 15px;

    color: var(--qf-ai-primary);
}

/* =========================================================
   VISUAL
========================================================= */

.qf-aihero__visual {
    position: relative;

    min-width: 0;

    perspective: 1200px;
}

.qf-aihero__dashboard {
    position: relative;

    overflow: hidden;

    padding: 0 19px 17px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.98),
            rgba(248,248,255,.98)
        );

    border:
        1px solid rgba(91,75,255,.13);

    border-radius: 22px;

    box-shadow:
        0 35px 80px rgba(43,38,94,.15),
        0 8px 22px rgba(16,24,40,.06);

    transform:
        rotateY(-1.5deg)
        rotateX(.5deg);

    animation:
        qfAiDashboardFloat 7s ease-in-out infinite;
}

/* =========================================================
   WINDOW BAR
========================================================= */

.qf-aihero__windowbar {
    min-height: 47px;

    margin: 0 -19px;

    padding: 0 17px;

    display: grid;
    grid-template-columns:
        70px 1fr auto;

    align-items: center;

    gap: 10px;

    background:
        rgba(247,247,252,.9);

    border-bottom:
        1px solid #e9eaf1;
}

.qf-aihero__window-dots {
    display: flex;
    gap: 5px;
}

.qf-aihero__window-dots span {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #d5d7df;
}

.qf-aihero__window-title {
    color: #687084;

    font-size: 8px;
    font-weight: 650;

    text-align: center;
}

.qf-aihero__live {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    color: #667085;

    font-size: 7px;
    font-weight: 680;

    text-transform: uppercase;
    letter-spacing: .06em;
}

.qf-aihero__live span {
    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: #35c982;

    box-shadow:
        0 0 0 4px rgba(53,201,130,.1);

    animation:
        qfAiPulse 1.6s infinite;
}

/* =========================================================
   SCAN TARGET
========================================================= */

.qf-aihero__scan-target {
    padding: 15px 0 12px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    border-bottom:
        1px solid #eceef3;
}

.qf-aihero__scan-target > div:first-child {
    display: grid;
    gap: 3px;
}

.qf-aihero__scan-target small {
    color: #9ba1ae;

    font-size: 6.5px;
    font-weight: 720;

    letter-spacing: .08em;
}

.qf-aihero__scan-target strong {
    color: #1d2939;

    font-size: 10px;
    font-weight: 630;
}

.qf-aihero__scan-status {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    color: var(--qf-ai-primary);

    font-size: 7px;
    font-weight: 680;
}

.qf-aihero__scan-status span {
    width: 12px;
    height: 12px;

    border:
        2px solid rgba(91,75,255,.16);

    border-top-color:
        var(--qf-ai-primary);

    border-radius: 50%;

    animation:
        qfAiSpin .85s linear infinite;
}

/* =========================================================
   PROMPT
========================================================= */

.qf-aihero__prompt {
    margin-top: 13px;

    padding: 14px;

    background:
        linear-gradient(
            135deg,
            #f5f3ff,
            #fafaff
        );

    border:
        1px solid rgba(91,75,255,.1);

    border-radius: 12px;
}

.qf-aihero__prompt-head {
    display: flex;
    align-items: center;

    gap: 7px;
}

.qf-aihero__prompt-head > span {
    width: 22px;
    height: 22px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: var(--qf-ai-primary);

    background: #ffffff;

    border-radius: 7px;
}

.qf-aihero__prompt-head svg {
    width: 13px;
    height: 13px;
}

.qf-aihero__prompt-head small {
    color: #8179bc;

    font-size: 6px;
    font-weight: 740;

    letter-spacing: .08em;
}

.qf-aihero__prompt-text {
    min-height: 29px;

    margin-top: 10px;

    display: flex;
    align-items: center;

    color: #344054;

    font-size: 9.5px;
    font-weight: 560;
}

.qf-aihero__cursor {
    width: 1px;
    height: 14px;

    margin-left: 3px;

    background:
        var(--qf-ai-primary);

    animation:
        qfAiCursor .8s steps(1) infinite;
}

.qf-aihero__progress {
    height: 3px;

    margin-top: 10px;

    overflow: hidden;

    background:
        rgba(91,75,255,.08);

    border-radius: 999px;
}

.qf-aihero__progress span {
    width: 10%;
    height: 100%;

    display: block;

    background:
        linear-gradient(
            90deg,
            var(--qf-ai-primary),
            #8b71ff
        );

    border-radius: inherit;

    transition:
        width .5s ease;
}

/* =========================================================
   PLATFORM HEADER
========================================================= */

.qf-aihero__platform-header {
    margin-top: 15px;
    padding: 0 4px 6px;

    display: flex;
    justify-content: space-between;

    color: #a0a6b3;

    font-size: 5.8px;
    font-weight: 740;

    letter-spacing: .07em;
}

/* =========================================================
   PLATFORMS
========================================================= */

.qf-aihero__platforms {
    display: grid;
    gap: 6px;
}

.qf-aihero__platform {
    min-height: 45px;

    padding: 7px 9px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 15px;

    background: #ffffff;

    border:
        1px solid #eceef3;

    border-radius: 9px;

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.qf-aihero__platform:hover {
    transform:
        translateX(3px);

    border-color:
        rgba(91,75,255,.18);

    box-shadow:
        0 7px 18px rgba(16,24,40,.05);
}

.qf-aihero__platform-name {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 8px;
}

.qf-aihero__platform-icon {
    width: 29px;
    height: 29px;

    flex: 0 0 29px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: var(--qf-ai-primary);

    background: #f1efff;

    border-radius: 8px;

    font-size: 8px;
    font-weight: 740;
}

.qf-aihero__platform-name > div {
    min-width: 0;

    display: grid;
    gap: 2px;
}

.qf-aihero__platform-name strong {
    color: #344054;

    font-size: 8.5px;
    font-weight: 630;
}

.qf-aihero__platform-name small {
    color: #98a0af;

    font-size: 6.3px;
}

.qf-aihero__result {
    flex: 0 0 auto;

    padding: 5px 7px;

    display: inline-flex;
    align-items: center;

    gap: 5px;

    border-radius: 999px;

    font-size: 6px;
    font-weight: 690;
}

.qf-aihero__result > span {
    width: 5px;
    height: 5px;

    border-radius: 50%;
}

.qf-aihero__result--found,
.qf-aihero__result--cited {
    color: #13885a;

    background: #ecfbf4;
}

.qf-aihero__result--found > span,
.qf-aihero__result--cited > span {
    background: #27bd78;
}

.qf-aihero__result--checking {
    color: #6755db;

    background: #f1efff;
}

.qf-aihero__result--checking > span {
    background: #715eff;

    animation:
        qfAiPulse 1.2s infinite;
}

.qf-aihero__result--missing {
    color: #a8505a;

    background: #fff2f3;
}

.qf-aihero__result--missing > span {
    background: #df6571;
}

/* =========================================================
   METRICS
========================================================= */

.qf-aihero__metrics {
    margin-top: 11px;

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

    gap: 8px;
}

.qf-aihero__score-card,
.qf-aihero__opportunities {
    min-height: 108px;

    padding: 12px;

    background:
        linear-gradient(
            145deg,
            #fbfbff,
            #f6f5ff
        );

    border:
        1px solid rgba(91,75,255,.09);

    border-radius: 11px;
}

/* =========================================================
   GAUGE
========================================================= */

.qf-aihero__score-card {
    display: flex;
    align-items: center;

    gap: 11px;
}

.qf-aihero__gauge {
    position: relative;

    width: 72px;
    height: 72px;

    flex: 0 0 72px;
}

.qf-aihero__gauge svg {
    width: 100%;
    height: 100%;

    transform:
        rotate(-90deg);
}

.qf-aihero__gauge circle {
    fill: none;

    stroke-width: 8;
}

.qf-aihero__gauge-track {
    stroke: #e8e6f5;
}

.qf-aihero__gauge-value {
    stroke: var(--qf-ai-primary);

    stroke-linecap: round;

    stroke-dasharray: 314;
    stroke-dashoffset: 314;

    transition:
        stroke-dashoffset 1.5s ease;
}

.qf-aihero__gauge-number {
    position: absolute;
    inset: 0;

    display: flex;
    align-items: center;
    justify-content: center;
}

.qf-aihero__gauge-number strong {
    color: #1d2939;

    font-size: 19px;
    font-weight: 740;
}

.qf-aihero__gauge-number small {
    margin-top: 6px;

    color: #9ba1ae;

    font-size: 6px;
}

.qf-aihero__score-card > div:last-child {
    display: grid;
    gap: 4px;
}

.qf-aihero__score-card > div:last-child small {
    color: #8f87c7;

    font-size: 6px;
    font-weight: 720;

    letter-spacing: .06em;
}

.qf-aihero__score-card > div:last-child strong {
    color: #344054;

    font-size: 9px;
    font-weight: 620;
}

/* =========================================================
   OPPORTUNITIES
========================================================= */

.qf-aihero__opportunities {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.qf-aihero__opportunities-top {
    display: flex;
    justify-content: space-between;

    gap: 10px;
}

.qf-aihero__opportunities-top > div {
    display: grid;
    gap: 4px;
}

.qf-aihero__opportunities small {
    color: #8f87c7;

    font-size: 6px;
    font-weight: 720;

    letter-spacing: .06em;
}

.qf-aihero__opportunities strong {
    color: #344054;

    font-size: 9px;
    font-weight: 620;
}

.qf-aihero__opportunity-icon {
    width: 30px;
    height: 30px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: var(--qf-ai-primary);

    background: #ebe8ff;

    border-radius: 8px;
}

.qf-aihero__opportunity-icon svg {
    width: 16px;
    height: 16px;
}

.qf-aihero__mini-bars {
    display: grid;
    gap: 5px;
}

.qf-aihero__mini-bars span {
    position: relative;

    height: 4px;

    overflow: hidden;

    background: #e8e7f1;

    border-radius: 999px;
}

.qf-aihero__mini-bars span::after {
    content: "";

    width: var(--bar);
    height: 100%;

    display: block;

    background:
        linear-gradient(
            90deg,
            var(--qf-ai-primary),
            #8b75ff
        );

    border-radius: inherit;

    transform:
        scaleX(0);

    transform-origin: left;

    animation:
        qfAiBarGrow 1.2s .8s forwards;
}

/* =========================================================
   DASHBOARD FOOTER
========================================================= */

.qf-aihero__dashboard-footer {
    margin-top: 11px;
    padding: 9px 3px 0;

    display: grid;
    grid-template-columns:
        7px minmax(0,1fr) auto;

    align-items: center;

    gap: 7px;

    border-top:
        1px solid #eceef3;
}

.qf-aihero__scanner-dot {
    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--qf-ai-primary);

    animation:
        qfAiPulse 1.3s infinite;
}

.qf-aihero__dashboard-footer p {
    margin: 0;

    color: #8f96a5;

    font-size: 6.5px;
}

.qf-aihero__scan-percent {
    color: var(--qf-ai-primary);

    font-size: 7px;
    font-weight: 700;
}

/* =========================================================
   FLOATING RESULT
========================================================= */

.qf-aihero__floating {
    position: absolute;

    right: -25px;
    bottom: 38px;

    padding: 11px 14px;

    display: flex;
    align-items: center;

    gap: 9px;

    background:
        rgba(255,255,255,.95);

    border:
        1px solid rgba(91,75,255,.13);

    border-radius: 12px;

    box-shadow:
        0 18px 38px rgba(35,30,78,.14);

    backdrop-filter:
        blur(10px);

    animation:
        qfAiFloatingCard 4s ease-in-out infinite;
}

.qf-aihero__floating > span {
    width: 33px;
    height: 33px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            var(--qf-ai-primary),
            var(--qf-ai-secondary)
        );

    border-radius: 9px;
}

.qf-aihero__floating svg {
    width: 17px;
    height: 17px;
}

.qf-aihero__floating > div {
    display: grid;
    gap: 3px;
}

.qf-aihero__floating small {
    color: #999fad;

    font-size: 5.5px;
    font-weight: 720;

    letter-spacing: .06em;
}

.qf-aihero__floating strong {
    color: #344054;

    font-size: 8px;
    font-weight: 650;
}

/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes qfAiPulse {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: .38;
    }
}

@keyframes qfAiSpin {

    to {
        transform: rotate(360deg);
    }
}

@keyframes qfAiCursor {

    0%,
    49% {
        opacity: 1;
    }

    50%,
    100% {
        opacity: 0;
    }
}

@keyframes qfAiDashboardFloat {

    0%,
    100% {
        transform:
            rotateY(-1.5deg)
            rotateX(.5deg)
            translateY(0);
    }

    50% {
        transform:
            rotateY(-1.5deg)
            rotateX(.5deg)
            translateY(-5px);
    }
}

@keyframes qfAiFloatingCard {

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

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

@keyframes qfAiBarGrow {

    to {
        transform:
            scaleX(1);
    }
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1020px) {

    .qf-aihero {
        padding: 90px 0;
    }

    .qf-aihero__container {
        width:
            min(calc(100% - 36px), 1280px);

        grid-template-columns: 1fr;

        gap: 55px;
    }

    .qf-aihero__content {
        max-width: 760px;

        margin-inline: auto;

        text-align: center;
    }

    .qf-aihero__eyebrow {
        margin-inline: auto;
    }

    .qf-aihero h1,
    .qf-aihero__lead {
        margin-inline: auto;
    }

    .qf-aihero__actions,
    .qf-aihero__trust {
        justify-content: center;
    }

    .qf-aihero__visual {
        width: min(100%, 720px);

        margin-inline: auto;
    }

    .qf-aihero__dashboard {
        transform: none;
    }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 620px) {

    .qf-aihero {
        min-height: 0;

        padding: 72px 0 65px;
    }

    .qf-aihero__container {
        width:
            min(calc(100% - 24px), 1280px);

        gap: 43px;
    }

    .qf-aihero h1 {
        font-size: 39px;
        line-height: 1.04;
    }

    .qf-aihero__lead {
        font-size: 15px;
        line-height: 1.7;
    }

    .qf-aihero__actions {
        display: grid;
        grid-template-columns: 1fr;

        width: 100%;
    }

    .qf-aihero__btn {
        width: 100%;
    }

    .qf-aihero__trust {
        gap: 10px 14px;
    }

    /* Dashboard */

    .qf-aihero__dashboard {
        padding:
            0 12px 12px;

        border-radius: 17px;

        animation: none;
    }

    .qf-aihero__windowbar {
        margin:
            0 -12px;

        padding:
            0 11px;

        grid-template-columns:
            45px 1fr auto;
    }

    .qf-aihero__window-title {
        font-size: 6.5px;
    }

    .qf-aihero__scan-target {
        padding:
            12px 0 10px;
    }

    .qf-aihero__prompt {
        padding: 11px;
    }

    .qf-aihero__platform {
        min-height: 48px;
    }

    .qf-aihero__platform-name small {
        display: none;
    }

    .qf-aihero__result {
        font-size: 5.5px;
    }

    .qf-aihero__metrics {
        grid-template-columns: 1fr;
    }

    .qf-aihero__score-card,
    .qf-aihero__opportunities {
        min-height: 96px;
    }

    .qf-aihero__floating {
        display: none;
    }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 390px) {

    .qf-aihero h1 {
        font-size: 35px;
    }

    .qf-aihero__trust {
        display: grid;

        justify-content: center;
    }

    .qf-aihero__window-title {
        display: none;
    }

    .qf-aihero__windowbar {
        grid-template-columns:
            1fr auto;
    }

    .qf-aihero__platform {
        padding: 7px;
    }

    .qf-aihero__platform-icon {
        width: 26px;
        height: 26px;

        flex-basis: 26px;
    }

    .qf-aihero__platform-name strong {
        font-size: 7.5px;
    }

    .qf-aihero__result {
        padding: 5px 6px;
    }
}

/* =========================================================
   ELEMENTOR PROTECTION
========================================================= */

.elementor .qf-aihero a {
    text-decoration: none !important;
}

.elementor .qf-aihero__btn--primary,
.elementor .qf-aihero__btn--primary:hover {
    color: #ffffff !important;
}

.elementor .qf-aihero__btn--secondary {
    color: #344054 !important;
}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .qf-aihero *,
    .qf-aihero *::before,
    .qf-aihero *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-38a5f59 *//* =========================================================
   QUICKFIXI — SECTION 2: WHAT IS AI SEARCH?
========================================================= */

.qf-aisearch {
    --qf-as-primary: #5b4bff;
    --qf-as-secondary: #704cff;
    --qf-as-heading: #101828;
    --qf-as-dark: #344054;
    --qf-as-text: #667085;
    --qf-as-muted: #98a2b3;
    --qf-as-border: #e6e8f0;
    --qf-as-soft: #f5f3ff;

    position: relative;
    overflow: hidden;

    padding: 110px 0;

    background:
        radial-gradient(
            circle at 80% 45%,
            rgba(91, 75, 255, .055),
            transparent 30%
        ),
        #ffffff;

    font-family: "Geist", "DM Sans", Arial, sans-serif;
}

.qf-aisearch,
.qf-aisearch *,
.qf-aisearch *::before,
.qf-aisearch *::after {
    box-sizing: border-box;
}

.qf-aisearch__container {
    width: min(calc(100% - 48px), 1280px);
    margin-inline: auto;

    display: grid;

    grid-template-columns:
        minmax(360px, .78fr)
        minmax(570px, 1.22fr);

    align-items: center;

    gap: clamp(60px, 7vw, 105px);
}


/* =========================================================
   LEFT CONTENT
========================================================= */

.qf-aisearch__content {
    min-width: 0;
}

.qf-aisearch__eyebrow {
    display: inline-flex;
    align-items: center;

    gap: 9px;

    color: var(--qf-as-primary);

    font-size: 10px;
    font-weight: 740;

    letter-spacing: .1em;
    text-transform: uppercase;
}

.qf-aisearch__eyebrow::before {
    content: "";

    width: 27px;
    height: 1px;

    background: var(--qf-as-primary);
}

.qf-aisearch__content h2 {
    max-width: 560px;

    margin: 17px 0 0;

    color: var(--qf-as-heading);

    font-size: clamp(39px, 4vw, 54px);
    font-weight: 720;
    line-height: 1.06;

    letter-spacing: -.05em;
}

.qf-aisearch__content h2 span {
    display: block;

    color: var(--qf-as-primary);
}

.qf-aisearch__lead {
    margin: 22px 0 0 !important;

    color: var(--qf-as-dark) !important;

    font-size: 15.5px !important;
    font-weight: 520;
    line-height: 1.72 !important;
}

.qf-aisearch__content > p:not(.qf-aisearch__lead) {
    margin: 14px 0 0;

    color: var(--qf-as-text);

    font-size: 14px;
    line-height: 1.75;
}


/* =========================================================
   POINTS
========================================================= */

.qf-aisearch__points {
    margin-top: 29px;

    display: grid;

    gap: 9px;
}

.qf-aisearch__point {
    padding: 13px 14px;

    display: grid;

    grid-template-columns:
        38px minmax(0, 1fr);

    align-items: center;

    gap: 12px;

    background: #ffffff;

    border:
        1px solid var(--qf-as-border);

    border-radius: 12px;

    transition:
        border-color .22s ease,
        box-shadow .22s ease,
        transform .22s ease;
}

.qf-aisearch__point:hover {
    border-color:
        rgba(91,75,255,.2);

    box-shadow:
        0 10px 25px rgba(16,24,40,.055);

    transform:
        translateX(3px);
}

.qf-aisearch__point-icon {
    width: 38px;
    height: 38px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: var(--qf-as-primary);

    background:
        var(--qf-as-soft);

    border-radius: 10px;
}

.qf-aisearch__point-icon svg {
    width: 19px;
    height: 19px;
}

.qf-aisearch__point > div {
    min-width: 0;
}

.qf-aisearch__point strong {
    display: block;

    color: var(--qf-as-dark);

    font-size: 12px;
    font-weight: 650;
}

.qf-aisearch__point p {
    margin: 3px 0 0;

    color: var(--qf-as-text);

    font-size: 10px;
    line-height: 1.55;
}


/* =========================================================
   DEMO CARD
========================================================= */

.qf-aisearch__visual {
    min-width: 0;
}

.qf-aisearch__demo {
    position: relative;

    padding: 19px;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fafaff
        );

    border:
        1px solid rgba(91,75,255,.13);

    border-radius: 23px;

    box-shadow:
        0 32px 75px rgba(32,27,77,.12),
        0 8px 20px rgba(16,24,40,.045);
}


/* =========================================================
   DEMO TOP
========================================================= */

.qf-aisearch__demo-top {
    padding-bottom: 14px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    border-bottom:
        1px solid #eceef3;
}

.qf-aisearch__demo-top > div {
    display: flex;
    align-items: center;

    gap: 10px;
}

.qf-aisearch__live-dot {
    width: 8px;
    height: 8px;

    flex: 0 0 8px;

    border-radius: 50%;

    background: #31c47c;

    box-shadow:
        0 0 0 5px rgba(49,196,124,.09);

    animation:
        qfAsPulse 1.6s infinite;
}

.qf-aisearch__demo-top > div > div {
    display: grid;

    gap: 3px;
}

.qf-aisearch__demo-top small {
    color: #9ba1ae;

    font-size: 6px;
    font-weight: 740;

    letter-spacing: .08em;
}

.qf-aisearch__demo-top strong {
    color: var(--qf-as-dark);

    font-size: 10px;
    font-weight: 650;
}

.qf-aisearch__demo-status {
    padding: 6px 9px;

    color: var(--qf-as-primary);

    background:
        #f0eeff;

    border-radius: 999px;

    font-size: 6px;
    font-weight: 720;

    letter-spacing: .05em;
    text-transform: uppercase;
}


/* =========================================================
   QUERY
========================================================= */

.qf-aisearch__query {
    margin-top: 15px;

    padding: 12px 14px;

    display: grid;

    grid-template-columns:
        35px minmax(0,1fr) 25px;

    align-items: center;

    gap: 10px;

    background:
        linear-gradient(
            135deg,
            #f5f3ff,
            #fafaff
        );

    border:
        1px solid rgba(91,75,255,.1);

    border-radius: 12px;
}

.qf-aisearch__query-icon {
    width: 35px;
    height: 35px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: var(--qf-as-primary);

    background: #ffffff;

    border-radius: 9px;
}

.qf-aisearch__query-icon svg {
    width: 18px;
    height: 18px;
}

.qf-aisearch__query > div {
    display: grid;

    gap: 3px;
}

.qf-aisearch__query small {
    color: #8e86c6;

    font-size: 5.8px;
    font-weight: 730;

    letter-spacing: .07em;
}

.qf-aisearch__query strong {
    color: #344054;

    font-size: 9px;
    font-weight: 600;

    transition:
        opacity .2s ease;
}

.qf-aisearch__query-arrow {
    color: var(--qf-as-primary);

    font-size: 15px;

    text-align: center;

    animation:
        qfAsArrow 1.6s ease-in-out infinite;
}


/* =========================================================
   FLOW
========================================================= */

.qf-aisearch__flow {
    position: relative;

    margin-top: 13px;

    min-height: 255px;

    display: grid;

    grid-template-columns:
        minmax(190px, 1fr)
        90px
        minmax(150px, .72fr);

    align-items: center;

    gap: 8px;
}


/* =========================================================
   SOURCES
========================================================= */

.qf-aisearch__sources {
    display: grid;

    gap: 7px;
}

.qf-aisearch__flow-label {
    margin: 0 0 2px 4px;

    color: #a0a6b3;

    font-size: 5.6px;
    font-weight: 740;

    letter-spacing: .08em;
}

.qf-aisearch__source {
    padding: 8px 9px;

    display: grid;

    grid-template-columns:
        28px minmax(0,1fr) 18px;

    align-items: center;

    gap: 8px;

    background: #ffffff;

    border:
        1px solid #eceef3;

    border-radius: 9px;

    opacity: .58;

    transition:
        opacity .3s ease,
        border-color .3s ease,
        box-shadow .3s ease,
        transform .3s ease;
}

.qf-aisearch__source.is-active {
    opacity: 1;

    border-color:
        rgba(91,75,255,.25);

    box-shadow:
        0 8px 18px rgba(91,75,255,.08);

    transform:
        translateX(3px);
}

.qf-aisearch__source-icon {
    width: 28px;
    height: 28px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: var(--qf-as-primary);

    background:
        #f2f0ff;

    border-radius: 7px;
}

.qf-aisearch__source-icon svg {
    width: 15px;
    height: 15px;
}

.qf-aisearch__source > div {
    min-width: 0;

    display: grid;

    gap: 2px;
}

.qf-aisearch__source strong {
    color: #344054;

    font-size: 7.5px;
    font-weight: 630;
}

.qf-aisearch__source small {
    color: #98a2b3;

    font-size: 5.7px;
}

.qf-aisearch__source-check {
    width: 17px;
    height: 17px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #1e9b67;

    background: #eaf9f2;

    border-radius: 50%;

    font-size: 7px;
    font-weight: 800;
}


/* =========================================================
   CONNECTIONS
========================================================= */

.qf-aisearch__connections {
    position: relative;

    height: 210px;
}

.qf-aisearch__line {
    position: absolute;

    left: 0;

    width: 100%;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(91,75,255,.08),
            rgba(91,75,255,.42),
            rgba(91,75,255,.08)
        );

    transform-origin: center;
}

.qf-aisearch__line--1 {
    top: 32px;

    transform: rotate(18deg);
}

.qf-aisearch__line--2 {
    top: 79px;

    transform: rotate(6deg);
}

.qf-aisearch__line--3 {
    top: 128px;

    transform: rotate(-6deg);
}

.qf-aisearch__line--4 {
    top: 176px;

    transform: rotate(-18deg);
}

.qf-aisearch__particle {
    position: absolute;

    left: 0;

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--qf-as-primary);

    box-shadow:
        0 0 10px rgba(91,75,255,.5);

    animation:
        qfAsParticle 2.2s linear infinite;
}

.qf-aisearch__particle--1 {
    top: 29px;
}

.qf-aisearch__particle--2 {
    top: 76px;

    animation-delay: .45s;
}

.qf-aisearch__particle--3 {
    top: 125px;

    animation-delay: .9s;
}

.qf-aisearch__particle--4 {
    top: 173px;

    animation-delay: 1.35s;
}


/* =========================================================
   ENGINE
========================================================= */

.qf-aisearch__engine {
    display: flex;
    align-items: center;
    flex-direction: column;

    text-align: center;
}

.qf-aisearch__engine-ring {
    width: 96px;
    height: 96px;

    padding: 9px;

    display: flex;
    align-items: center;
    justify-content: center;

    border:
        1px solid rgba(91,75,255,.2);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(91,75,255,.08),
            rgba(91,75,255,.02)
        );

    box-shadow:
        0 0 0 8px rgba(91,75,255,.025);

    animation:
        qfAsEngineGlow 2.4s ease-in-out infinite;
}

.qf-aisearch__engine-core {
    width: 67px;
    height: 67px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            var(--qf-as-primary),
            var(--qf-as-secondary)
        );

    border-radius: 50%;

    box-shadow:
        0 14px 30px rgba(91,75,255,.25);
}

.qf-aisearch__engine-core svg {
    width: 30px;
    height: 30px;
}

.qf-aisearch__engine > small {
    margin-top: 11px;

    color: #9b94cb;

    font-size: 5.5px;
    font-weight: 740;

    letter-spacing: .08em;
}

.qf-aisearch__engine > strong {
    margin-top: 3px;

    color: #344054;

    font-size: 7.5px;
    font-weight: 630;
}

.qf-aisearch__engine-dots {
    margin-top: 7px;

    display: flex;

    gap: 3px;
}

.qf-aisearch__engine-dots span {
    width: 4px;
    height: 4px;

    border-radius: 50%;

    background: var(--qf-as-primary);

    animation:
        qfAsDots 1.2s infinite;
}

.qf-aisearch__engine-dots span:nth-child(2) {
    animation-delay: .18s;
}

.qf-aisearch__engine-dots span:nth-child(3) {
    animation-delay: .36s;
}


/* =========================================================
   ANSWER
========================================================= */

.qf-aisearch__answer {
    margin-top: 11px;

    padding: 14px;

    background:
        linear-gradient(
            145deg,
            #11162c,
            #191d3a
        );

    border:
        1px solid rgba(255,255,255,.08);

    border-radius: 13px;

    box-shadow:
        0 15px 32px rgba(16,24,40,.12);
}

.qf-aisearch__answer-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 15px;
}

.qf-aisearch__answer-head > div {
    display: flex;
    align-items: center;

    gap: 8px;
}

.qf-aisearch__answer-icon {
    width: 29px;
    height: 29px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            var(--qf-as-primary),
            var(--qf-as-secondary)
        );

    border-radius: 8px;
}

.qf-aisearch__answer-icon svg {
    width: 15px;
    height: 15px;
}

.qf-aisearch__answer-head > div > div {
    display: grid;

    gap: 2px;
}

.qf-aisearch__answer-head small {
    color: rgba(255,255,255,.4);

    font-size: 5.5px;
    font-weight: 720;

    letter-spacing: .07em;
}

.qf-aisearch__answer-head strong {
    color: #ffffff;

    font-size: 8px;
    font-weight: 620;
}

.qf-aisearch__answer-badge {
    padding: 5px 7px;

    color: #b9b2ff;

    background:
        rgba(91,75,255,.15);

    border-radius: 999px;

    font-size: 5.5px;
    font-weight: 700;
}

.qf-aisearch__answer-copy {
    margin-top: 11px;
}

.qf-aisearch__answer-copy p {
    margin: 8px 0;

    color: rgba(255,255,255,.67);

    font-size: 7.5px;
    line-height: 1.65;

    transition:
        opacity .25s ease;
}

.qf-aisearch__answer-copy mark {
    padding: 2px 4px;

    color: #ffffff;

    background:
        rgba(91,75,255,.45);

    border-radius: 4px;
}

.qf-aisearch__skeleton {
    height: 4px;

    display: block;

    border-radius: 999px;

    background:
        rgba(255,255,255,.08);
}

.qf-aisearch__skeleton--one {
    width: 78%;
}

.qf-aisearch__skeleton--two {
    width: 52%;
}


/* =========================================================
   CITATIONS
========================================================= */

.qf-aisearch__citations {
    margin-top: 10px;

    display: flex;
    flex-wrap: wrap;

    gap: 5px;
}

.qf-aisearch__citations span {
    padding: 4px 6px;

    display: inline-flex;
    align-items: center;

    gap: 4px;

    color: rgba(255,255,255,.5);

    background:
        rgba(255,255,255,.045);

    border:
        1px solid rgba(255,255,255,.07);

    border-radius: 6px;

    font-size: 5.5px;
}

.qf-aisearch__citations b {
    width: 13px;
    height: 13px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #c2bbff;

    background:
        rgba(91,75,255,.16);

    border-radius: 4px;

    font-size: 5px;
}


/* =========================================================
   DEMO FOOTER
========================================================= */

.qf-aisearch__demo-footer {
    margin-top: 12px;

    padding: 10px 11px;

    display: flex;
    align-items: center;

    gap: 8px;

    background:
        #f7f6ff;

    border-radius: 9px;
}

.qf-aisearch__demo-footer-icon {
    width: 24px;
    height: 24px;

    flex: 0 0 24px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: var(--qf-as-primary);

    background: #ffffff;

    border-radius: 7px;
}

.qf-aisearch__demo-footer-icon svg {
    width: 14px;
    height: 14px;
}

.qf-aisearch__demo-footer p {
    margin: 0;

    color: #737b8c;

    font-size: 6.5px;
    line-height: 1.5;
}


/* =========================================================
   ANIMATION
========================================================= */

@keyframes qfAsPulse {
    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: .4;
    }
}

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

    50% {
        transform: translateY(3px);
    }
}

@keyframes qfAsParticle {
    0% {
        left: 0;
        opacity: 0;
    }

    12% {
        opacity: 1;
    }

    88% {
        opacity: 1;
    }

    100% {
        left: calc(100% - 6px);
        opacity: 0;
    }
}

@keyframes qfAsEngineGlow {
    0%,
    100% {
        box-shadow:
            0 0 0 8px rgba(91,75,255,.025);
    }

    50% {
        box-shadow:
            0 0 0 14px rgba(91,75,255,.045);
    }
}

@keyframes qfAsDots {
    0%,
    100% {
        opacity: .25;
        transform: translateY(0);
    }

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


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1020px) {

    .qf-aisearch {
        padding: 90px 0;
    }

    .qf-aisearch__container {
        width:
            min(calc(100% - 36px), 1280px);

        grid-template-columns: 1fr;

        gap: 55px;
    }

    .qf-aisearch__content {
        max-width: 720px;

        margin-inline: auto;

        text-align: center;
    }

    .qf-aisearch__eyebrow {
        justify-content: center;
    }

    .qf-aisearch__content h2 {
        margin-inline: auto;
    }

    .qf-aisearch__points {
        max-width: 650px;

        margin-inline: auto;
        margin-top: 29px;

        text-align: left;
    }

    .qf-aisearch__visual {
        width: min(100%, 720px);

        margin-inline: auto;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 620px) {

    .qf-aisearch {
        padding: 72px 0;
    }

    .qf-aisearch__container {
        width:
            min(calc(100% - 24px), 1280px);

        gap: 42px;
    }

    .qf-aisearch__content h2 {
        font-size: 36px;
    }

    .qf-aisearch__lead {
        font-size: 14.5px !important;
    }

    .qf-aisearch__point {
        padding: 12px;
    }

    /* Main demo */

    .qf-aisearch__demo {
        padding: 13px;

        border-radius: 18px;
    }

    .qf-aisearch__demo-top {
        align-items: flex-start;
    }

    /*
       On mobile we change the horizontal
       source → engine diagram into a vertical flow.
    */

    .qf-aisearch__flow {
        min-height: 0;

        margin-top: 17px;

        display: flex;
        flex-direction: column;

        gap: 19px;
    }

    .qf-aisearch__sources {
        width: 100%;
    }

    .qf-aisearch__source {
        min-height: 48px;
    }

    .qf-aisearch__connections {
        width: 2px;
        height: 37px;

        background:
            linear-gradient(
                180deg,
                rgba(91,75,255,.12),
                rgba(91,75,255,.55),
                rgba(91,75,255,.12)
            );
    }

    .qf-aisearch__line {
        display: none;
    }

    .qf-aisearch__particle {
        left: -2px;
        top: 0 !important;

        animation:
            qfAsParticleMobile 1.7s linear infinite;
    }

    .qf-aisearch__particle--2,
    .qf-aisearch__particle--3,
    .qf-aisearch__particle--4 {
        display: none;
    }

    .qf-aisearch__engine-ring {
        width: 88px;
        height: 88px;
    }

    .qf-aisearch__engine-core {
        width: 61px;
        height: 61px;
    }

    .qf-aisearch__answer {
        margin-top: 18px;
    }

    .qf-aisearch__answer-copy p {
        font-size: 8px;
    }

    .qf-aisearch__demo-footer p {
        font-size: 7px;
    }
}

@keyframes qfAsParticleMobile {

    0% {
        top: 0;
        opacity: 0;
    }

    15% {
        opacity: 1;
    }

    85% {
        opacity: 1;
    }

    100% {
        top: 32px;
        opacity: 0;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 390px) {

    .qf-aisearch__content h2 {
        font-size: 33px;
    }

    .qf-aisearch__demo-top strong {
        font-size: 8.5px;
    }

    .qf-aisearch__query {
        grid-template-columns:
            31px minmax(0,1fr);
    }

    .qf-aisearch__query-arrow {
        display: none;
    }

    .qf-aisearch__citations {
        display: grid;

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


/* =========================================================
   ELEMENTOR PROTECTION
========================================================= */

.elementor .qf-aisearch p {
    margin-bottom: 0;
}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .qf-aisearch *,
    .qf-aisearch *::before,
    .qf-aisearch *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-988c4b2 *//* =========================================================
   QUICKFIXI — SECTION 3
   WHY TRADITIONAL SEO IS NO LONGER ENOUGH
========================================================= */

.qf-ai-evolution {
    --qf-evo-primary: #5b4bff;
    --qf-evo-primary-dark: #4938ef;
    --qf-evo-secondary: #704cff;

    --qf-evo-heading: #101828;
    --qf-evo-dark: #344054;
    --qf-evo-text: #667085;
    --qf-evo-muted: #8d96a6;

    --qf-evo-border: #e4e8f1;
    --qf-evo-soft: #f7f8ff;
    --qf-evo-white: #ffffff;

    position: relative;
    overflow: hidden;

    padding: 80px 0;

    background:
        radial-gradient(
            circle at 100% 20%,
            rgba(91, 75, 255, 0.07),
            transparent 26%
        ),
        radial-gradient(
            circle at 0% 80%,
            rgba(64, 148, 255, 0.05),
            transparent 24%
        ),
        #ffffff;

    font-family: "Geist", "DM Sans", Arial, sans-serif;
}

.qf-ai-evolution,
.qf-ai-evolution *,
.qf-ai-evolution *::before,
.qf-ai-evolution *::after {
    box-sizing: border-box;
}

.qf-ai-evolution__container {
    width: min(calc(100% - 48px), 1280px);
    margin-inline: auto;
}

/* =========================================================
   INTRO
========================================================= */

.qf-ai-evolution__intro {
    max-width: 900px;
    margin-inline: auto;
    text-align: center;
}

.qf-ai-evolution__eyebrow {
    margin-bottom: 18px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    color: var(--qf-evo-primary);

    font-size: 11px;
    font-weight: 730;
    line-height: 1;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.qf-ai-evolution__eyebrow::before {
    content: "";

    width: 27px;
    height: 1px;

    background: rgba(91, 75, 255, 0.45);
}

.qf-ai-evolution__intro h2 {
    margin: 0;

    color: var(--qf-evo-heading);

    font-size: clamp(42px, 4.65vw, 62px);
    font-weight: 720;
    line-height: 1.08;

    letter-spacing: -0.052em;
}

.qf-ai-evolution__intro h2 span {
    display: block;

    background:
        linear-gradient(
            90deg,
            var(--qf-evo-primary),
            var(--qf-evo-secondary)
        );

    -webkit-background-clip: text;
    background-clip: text;

    color: transparent;
}

.qf-ai-evolution__intro > p {
    max-width: 760px;
    margin: 23px auto 0;

    color: var(--qf-evo-text);

    font-size: 16.5px;
    line-height: 1.75;
}

/* =========================================================
   COMPARISON WORKSPACE
========================================================= */

.qf-ai-evolution__workspace {
    margin-top: 62px;

    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        86px
        minmax(0, 1fr);

    align-items: stretch;

    gap: 23px;
}

/* =========================================================
   SIDE CARDS
========================================================= */

.qf-ai-evolution__side {
    position: relative;

    min-width: 0;

    padding: 27px;

    border-radius: 24px;
}

.qf-ai-evolution__side--traditional {
    background: #ffffff;

    border: 1px solid var(--qf-evo-border);

    box-shadow:
        0 18px 45px rgba(16, 24, 40, 0.07);
}

.qf-ai-evolution__side--ai {
    overflow: hidden;

    background:
        radial-gradient(
            circle at 95% 7%,
            rgba(112, 76, 255, 0.28),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #10162c 0%,
            #171d38 56%,
            #2d2267 100%
        );

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

    box-shadow:
        0 24px 58px rgba(16, 24, 40, 0.17);
}

.qf-ai-evolution__glow {
    position: absolute;
    top: -140px;
    right: -120px;

    width: 320px;
    height: 320px;

    border-radius: 50%;

    background:
        rgba(112, 76, 255, 0.11);

    pointer-events: none;
}

/* =========================================================
   SIDE TOP
========================================================= */

.qf-ai-evolution__side-top {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns:
        46px minmax(0, 1fr) auto;

    align-items: center;

    gap: 13px;
}

.qf-ai-evolution__icon {
    width: 46px;
    height: 46px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: var(--qf-evo-primary);
    background: #efedff;

    border-radius: 13px;
}

.qf-ai-evolution__side--ai
.qf-ai-evolution__icon {
    color: #ffffff;

    background:
        rgba(112, 76, 255, 0.55);

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

.qf-ai-evolution__icon svg {
    width: 23px;
    height: 23px;
}

.qf-ai-evolution__side-top > div {
    min-width: 0;

    display: grid;
    gap: 4px;
}

.qf-ai-evolution__side-top small {
    color: var(--qf-evo-muted);

    font-size: 9px;
    font-weight: 720;

    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.qf-ai-evolution__side--ai
.qf-ai-evolution__side-top small {
    color: rgba(255, 255, 255, 0.48);
}

.qf-ai-evolution__side-top h3 {
    margin: 0;

    color: var(--qf-evo-heading);

    font-size: 19px;
    font-weight: 680;
    line-height: 1.3;

    letter-spacing: -0.03em;
}

.qf-ai-evolution__side--ai
.qf-ai-evolution__side-top h3 {
    color: #ffffff;
}

.qf-ai-evolution__mode {
    padding: 7px 9px;

    color: var(--qf-evo-primary);
    background: #efedff;

    border-radius: 999px;

    font-size: 8px;
    font-weight: 750;

    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.qf-ai-evolution__side--ai
.qf-ai-evolution__mode {
    color: #ffffff;

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

    border:
        1px solid rgba(255, 255, 255, 0.09);
}

/* =========================================================
   METRIC LIST
========================================================= */

.qf-ai-evolution__metric-list {
    position: relative;
    z-index: 2;

    margin-top: 24px;

    display: grid;
    gap: 10px;
}

.qf-ai-evolution__metric {
    min-width: 0;

    padding: 14px;

    display: grid;
    grid-template-columns:
        34px minmax(0, 1fr);

    align-items: start;

    gap: 12px;

    background: #f8f9fc;

    border: 1px solid #e9ecf2;

    border-radius: 13px;

    transition:
        border-color 0.22s ease,
        background-color 0.22s ease,
        transform 0.22s ease;
}

.qf-ai-evolution__side--traditional
.qf-ai-evolution__metric:hover {
    background: #ffffff;

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

    transform: translateX(3px);
}

.qf-ai-evolution__side--ai
.qf-ai-evolution__metric {
    background:
        rgba(255, 255, 255, 0.055);

    border-color:
        rgba(255, 255, 255, 0.075);
}

.qf-ai-evolution__side--ai
.qf-ai-evolution__metric:hover {
    background:
        rgba(255, 255, 255, 0.09);

    border-color:
        rgba(167, 156, 255, 0.18);

    transform: translateX(3px);
}

.qf-ai-evolution__metric-icon {
    width: 34px;
    height: 34px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: var(--qf-evo-primary);

    background: #eceaff;

    border-radius: 9px;

    font-size: 8.5px;
    font-weight: 760;
}

.qf-ai-evolution__side--ai
.qf-ai-evolution__metric-icon {
    color: #ffffff;

    background:
        rgba(112, 76, 255, 0.55);
}

.qf-ai-evolution__metric > div {
    min-width: 0;
}

.qf-ai-evolution__metric strong {
    color: var(--qf-evo-heading);

    font-size: 12.5px;
    font-weight: 640;
}

.qf-ai-evolution__side--ai
.qf-ai-evolution__metric strong {
    color: #ffffff;
}

.qf-ai-evolution__metric p {
    margin: 6px 0 0;

    color: var(--qf-evo-text);

    font-size: 10.5px;
    line-height: 1.55;
}

.qf-ai-evolution__side--ai
.qf-ai-evolution__metric p {
    color: rgba(255, 255, 255, 0.56);
}

/* =========================================================
   SIDE FOOTER
========================================================= */

.qf-ai-evolution__side-footer {
    position: relative;
    z-index: 2;

    margin-top: 19px;
    padding-top: 17px;

    display: flex;
    align-items: flex-start;

    gap: 9px;

    border-top:
        1px solid var(--qf-evo-border);
}

.qf-ai-evolution__side--ai
.qf-ai-evolution__side-footer {
    border-top-color:
        rgba(255, 255, 255, 0.09);
}

.qf-ai-evolution__side-footer > span {
    width: 7px;
    height: 7px;

    flex: 0 0 7px;

    margin-top: 5px;

    border-radius: 50%;

    background: var(--qf-evo-primary);

    box-shadow:
        0 0 0 4px rgba(91, 75, 255, 0.09);
}

.qf-ai-evolution__side--ai
.qf-ai-evolution__side-footer > span {
    background: #9588ff;

    box-shadow:
        0 0 0 4px rgba(149, 136, 255, 0.11);
}

.qf-ai-evolution__side-footer p {
    margin: 0;

    color: #7b8494;

    font-size: 10px;
    line-height: 1.55;
}

.qf-ai-evolution__side--ai
.qf-ai-evolution__side-footer p {
    color: rgba(255, 255, 255, 0.49);
}

/* =========================================================
   CENTER BRIDGE
========================================================= */

.qf-ai-evolution__bridge {
    min-width: 0;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    gap: 13px;
}

.qf-ai-evolution__bridge > span {
    color: #9aa2b0;

    font-size: 8px;
    font-weight: 680;

    line-height: 1.4;
    letter-spacing: 0.06em;
    text-align: center;

    text-transform: uppercase;
}

.qf-ai-evolution__bridge-line {
    width: 100%;

    display: grid;
    grid-template-columns:
        1fr 34px 1fr;

    align-items: center;
}

.qf-ai-evolution__bridge-line i {
    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(91, 75, 255, 0.12),
            rgba(91, 75, 255, 0.5)
        );
}

.qf-ai-evolution__bridge-line b {
    width: 34px;
    height: 34px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            var(--qf-evo-primary),
            var(--qf-evo-secondary)
        );

    box-shadow:
        0 9px 22px rgba(91, 75, 255, 0.19);
}

.qf-ai-evolution__bridge-line b::before {
    content: "→";

    color: #ffffff;

    font-size: 15px;
    font-weight: 500;
}

/* =========================================================
   NEW VISIBILITY LAYER
========================================================= */

.qf-ai-evolution__layers {
    margin-top: 74px;

    padding: 34px;

    display: grid;
    grid-template-columns:
        minmax(0, 0.72fr)
        minmax(520px, 1.08fr);

    align-items: center;

    gap: 60px;

    background:
        linear-gradient(
            135deg,
            #f5f3ff 0%,
            #ffffff 55%,
            #f8faff 100%
        );

    border:
        1px solid rgba(91, 75, 255, 0.12);

    border-radius: 24px;
}

.qf-ai-evolution__mini-label {
    color: var(--qf-evo-primary);

    font-size: 9px;
    font-weight: 740;

    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.qf-ai-evolution__layers-copy h3 {
    margin: 13px 0 0;

    color: var(--qf-evo-heading);

    font-size: clamp(29px, 3vw, 40px);
    font-weight: 700;
    line-height: 1.15;

    letter-spacing: -0.045em;
}

.qf-ai-evolution__layers-copy h3 span {
    display: block;

    color: var(--qf-evo-primary);
}

.qf-ai-evolution__layers-copy p {
    max-width: 550px;

    margin: 17px 0 0;

    color: var(--qf-evo-text);

    font-size: 13px;
    line-height: 1.7;
}

/* =========================================================
   LAYER STACK
========================================================= */

.qf-ai-evolution__layer-stack {
    display: grid;
    gap: 10px;
}

.qf-ai-evolution__layer {
    position: relative;

    min-width: 0;

    padding: 14px 15px;

    display: grid;
    grid-template-columns:
        36px minmax(0, 1fr) auto;

    align-items: center;

    gap: 12px;

    background: #ffffff;

    border: 1px solid #e8eaf1;

    border-radius: 13px;

    box-shadow:
        0 8px 20px rgba(16, 24, 40, 0.035);

    transition:
        transform 0.22s ease,
        border-color 0.22s ease;
}

.qf-ai-evolution__layer:hover {
    border-color:
        rgba(91, 75, 255, 0.19);

    transform: translateX(4px);
}

.qf-ai-evolution__layer > span {
    width: 36px;
    height: 36px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: var(--qf-evo-primary);

    background: #efedff;

    border-radius: 10px;

    font-size: 8.5px;
    font-weight: 750;
}

.qf-ai-evolution__layer > div {
    min-width: 0;

    display: grid;
    gap: 3px;
}

.qf-ai-evolution__layer small {
    color: #979fad;

    font-size: 8px;
    font-weight: 680;

    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.qf-ai-evolution__layer strong {
    overflow: hidden;

    color: var(--qf-evo-heading);

    font-size: 12px;
    font-weight: 620;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.qf-ai-evolution__layer > b {
    padding: 6px 8px;

    color: var(--qf-evo-primary);

    background: #f1efff;

    border-radius: 999px;

    font-size: 8px;
    font-weight: 740;

    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.qf-ai-evolution__layer--two {
    margin-left: 22px;
}

.qf-ai-evolution__layer--three {
    margin-left: 44px;

    background:
        linear-gradient(
            135deg,
            #5b4bff,
            #704cff
        );

    border-color: transparent;
}

.qf-ai-evolution__layer--three > span {
    color: #ffffff;

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

.qf-ai-evolution__layer--three small {
    color: rgba(255, 255, 255, 0.55);
}

.qf-ai-evolution__layer--three strong {
    color: #ffffff;
}

.qf-ai-evolution__layer--three > b {
    color: #ffffff;

    background:
        rgba(255, 255, 255, 0.13);
}

/* =========================================================
   OPPORTUNITY CARDS
========================================================= */

.qf-ai-evolution__opportunities {
    margin-top: 24px;

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

    gap: 16px;
}

.qf-ai-evolution__opportunities article {
    padding: 23px;

    display: grid;
    grid-template-columns:
        43px minmax(0, 1fr);

    align-items: start;

    gap: 14px;

    background: #ffffff;

    border:
        1px solid var(--qf-evo-border);

    border-radius: 18px;

    box-shadow:
        0 10px 27px rgba(16, 24, 40, 0.045);

    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        border-color 0.22s ease;
}

.qf-ai-evolution__opportunities article:hover {
    transform: translateY(-5px);

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

    box-shadow:
        0 17px 37px rgba(16, 24, 40, 0.075);
}

.qf-ai-evolution__opportunity-icon {
    width: 43px;
    height: 43px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: var(--qf-evo-primary);

    background: #efedff;

    border-radius: 12px;
}

.qf-ai-evolution__opportunity-icon svg {
    width: 21px;
    height: 21px;
}

.qf-ai-evolution__opportunities article > div {
    min-width: 0;
}

.qf-ai-evolution__opportunities small {
    color: var(--qf-evo-primary);

    font-size: 8px;
    font-weight: 730;

    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.qf-ai-evolution__opportunities h4 {
    margin: 9px 0 0;

    color: var(--qf-evo-heading);

    font-size: 15px;
    font-weight: 660;
    line-height: 1.35;

    letter-spacing: -0.025em;
}

.qf-ai-evolution__opportunities p {
    margin: 9px 0 0;

    color: var(--qf-evo-text);

    font-size: 11px;
    line-height: 1.62;
}

/* =========================================================
   BOTTOM TRANSITION CTA
========================================================= */

.qf-ai-evolution__bottom {
    margin-top: 25px;

    padding: 22px 24px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;

    background:
        linear-gradient(
            135deg,
            rgba(91, 75, 255, 0.065),
            rgba(112, 76, 255, 0.025)
        );

    border:
        1px solid rgba(91, 75, 255, 0.11);

    border-radius: 16px;
}

.qf-ai-evolution__bottom > div {
    min-width: 0;

    display: grid;
    gap: 5px;
}

.qf-ai-evolution__bottom small {
    color: var(--qf-evo-primary);

    font-size: 8.5px;
    font-weight: 720;

    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.qf-ai-evolution__bottom strong {
    color: var(--qf-evo-dark);

    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.5;
}

.qf-ai-evolution__bottom a,
.qf-ai-evolution__bottom a:link,
.qf-ai-evolution__bottom a:visited {
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;

    gap: 7px;

    color: var(--qf-evo-primary) !important;

    font-size: 12px;
    font-weight: 650;

    text-decoration: none !important;
}

.qf-ai-evolution__bottom a:hover,
.qf-ai-evolution__bottom a:focus-visible {
    color: var(--qf-evo-primary-dark) !important;
}

.qf-ai-evolution__bottom svg {
    width: 15px;
    height: 15px;

    transition: transform 0.2s ease;
}

.qf-ai-evolution__bottom a:hover svg {
    transform: translateX(3px);
}

/* =========================================================
   ELEMENTOR / WORDPRESS PROTECTION
========================================================= */

.elementor .qf-ai-evolution a,
.elementor .qf-ai-evolution a:link,
.elementor .qf-ai-evolution a:visited {
    text-decoration: none !important;
}

.elementor
.qf-ai-evolution
.qf-ai-evolution__bottom a,
.elementor
.qf-ai-evolution
.qf-ai-evolution__bottom a:hover,
.elementor
.qf-ai-evolution
.qf-ai-evolution__bottom a:focus {
    color: var(--qf-evo-primary) !important;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 940px) {

    .qf-ai-evolution {
        padding: 90px 0;
    }

    .qf-ai-evolution__container {
        width: min(calc(100% - 32px), 1280px);
    }

    .qf-ai-evolution__workspace {
        grid-template-columns: 1fr;

        gap: 22px;
    }

    .qf-ai-evolution__bridge {
        flex-direction: row;
    }

    .qf-ai-evolution__bridge-line {
        width: 70px;

        transform: rotate(90deg);
    }

    .qf-ai-evolution__layers {
        grid-template-columns: 1fr;

        gap: 32px;
    }

    .qf-ai-evolution__layers-copy {
        max-width: 720px;

        margin-inline: auto;

        text-align: center;
    }

    .qf-ai-evolution__layers-copy p {
        margin-inline: auto;
    }

    .qf-ai-evolution__layer-stack {
        max-width: 720px;

        width: 100%;

        margin-inline: auto;
    }

    .qf-ai-evolution__opportunities {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 620px) {

    .qf-ai-evolution {
        padding: 72px 0;
    }

    .qf-ai-evolution__container {
        width: min(calc(100% - 24px), 1280px);
    }

    .qf-ai-evolution__intro h2 {
        font-size: 36px;
    }

    .qf-ai-evolution__intro > p {
        font-size: 15px;
    }

    .qf-ai-evolution__side {
        padding: 20px;

        border-radius: 19px;
    }

    .qf-ai-evolution__side-top {
        grid-template-columns:
            42px minmax(0, 1fr);
    }

    .qf-ai-evolution__mode {
        grid-column: 2;

        width: fit-content;
    }

    .qf-ai-evolution__layers {
        margin-top: 55px;

        padding: 22px;

        border-radius: 19px;
    }

    .qf-ai-evolution__layers-copy h3 {
        font-size: 30px;
    }

    .qf-ai-evolution__layer--two,
    .qf-ai-evolution__layer--three {
        margin-left: 0;
    }

    .qf-ai-evolution__layer {
        grid-template-columns:
            36px minmax(0, 1fr);

        gap: 11px;
    }

    .qf-ai-evolution__layer > b {
        grid-column: 2;

        width: fit-content;
    }

    .qf-ai-evolution__opportunities {
        grid-template-columns: 1fr;
    }

    .qf-ai-evolution__bottom {
        align-items: flex-start;
        flex-direction: column;

        gap: 15px;
    }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 400px) {

    .qf-ai-evolution__intro h2 {
        font-size: 33px;
    }

    .qf-ai-evolution__opportunities article {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   ACCESSIBILITY
========================================================= */

.qf-ai-evolution a:focus-visible {
    outline:
        3px solid rgba(91, 75, 255, 0.24);

    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {

    .qf-ai-evolution__metric,
    .qf-ai-evolution__layer,
    .qf-ai-evolution__opportunities article,
    .qf-ai-evolution__bottom svg {
        transition: none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66d8025 *//* =========================================================
   QUICKFIXI — SECTION 4: PLATFORMS WE AUDIT
========================================================= */

.qf-ai-platforms {
    --qf-aip-primary: #5b4bff;
    --qf-aip-primary-dark: #4938ef;
    --qf-aip-secondary: #704cff;

    --qf-aip-heading: #101828;
    --qf-aip-text: #667085;
    --qf-aip-dark: #344054;
    --qf-aip-muted: #8d96a6;

    --qf-aip-border: #e4e8f1;
    --qf-aip-soft: #f7f8ff;
    --qf-aip-white: #ffffff;

    position: relative;
    overflow: hidden;

    padding: 80px 0;

    background:
        radial-gradient(
            circle at 94% 12%,
            rgba(91, 75, 255, 0.07),
            transparent 27%
        ),
        linear-gradient(
            180deg,
            #f8f9ff 0%,
            #ffffff 100%
        );

    font-family: "Geist", "DM Sans", Arial, sans-serif;
}

.qf-ai-platforms,
.qf-ai-platforms *,
.qf-ai-platforms *::before,
.qf-ai-platforms *::after {
    box-sizing: border-box;
}

.qf-ai-platforms__container {
    width: min(calc(100% - 48px), 1280px);
    margin-inline: auto;
}

/* =========================================================
   INTRO
========================================================= */

.qf-ai-platforms__intro {
    max-width: 860px;
    margin-inline: auto;

    text-align: center;
}

.qf-ai-platforms__eyebrow {
    margin-bottom: 18px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    color: var(--qf-aip-primary);

    font-size: 11px;
    font-weight: 730;
    line-height: 1;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.qf-ai-platforms__eyebrow::before {
    content: "";

    width: 27px;
    height: 1px;

    background:
        rgba(91, 75, 255, 0.45);
}

.qf-ai-platforms__intro h2 {
    margin: 0;

    color: var(--qf-aip-heading);

    font-size: clamp(42px, 4.65vw, 62px);
    font-weight: 720;
    line-height: 1.08;

    letter-spacing: -0.052em;
}

.qf-ai-platforms__intro h2 span {
    display: block;

    background:
        linear-gradient(
            90deg,
            var(--qf-aip-primary),
            var(--qf-aip-secondary)
        );

    -webkit-background-clip: text;
    background-clip: text;

    color: transparent;
}

.qf-ai-platforms__intro p {
    max-width: 730px;
    margin: 23px auto 0;

    color: var(--qf-aip-text);

    font-size: 16px;
    line-height: 1.75;
}

/* =========================================================
   SUMMARY STRIP
========================================================= */

.qf-ai-platforms__summary {
    margin-top: 50px;

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

    background: #ffffff;

    border: 1px solid var(--qf-aip-border);
    border-radius: 18px;

    box-shadow:
        0 14px 35px rgba(16, 24, 40, 0.05);
}

.qf-ai-platforms__summary > div {
    min-width: 0;

    padding: 20px 22px;

    display: grid;
    gap: 6px;
}

.qf-ai-platforms__summary > div:not(:last-child) {
    border-right: 1px solid var(--qf-aip-border);
}

.qf-ai-platforms__summary small {
    color: var(--qf-aip-muted);

    font-size: 9px;
    font-weight: 700;

    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.qf-ai-platforms__summary strong {
    color: var(--qf-aip-heading);

    font-size: 20px;
    font-weight: 690;
}

/* =========================================================
   WORKSPACE
========================================================= */

.qf-ai-platforms__workspace {
    margin-top: 24px;

    display: grid;
    grid-template-columns:
        300px minmax(0, 1fr);

    gap: 18px;

    align-items: stretch;
}

/* =========================================================
   TABS
========================================================= */

.qf-ai-platforms__tabs {
    padding: 12px;

    display: grid;
    align-content: start;

    gap: 8px;

    background: #ffffff;

    border: 1px solid var(--qf-aip-border);
    border-radius: 20px;

    box-shadow:
        0 14px 35px rgba(16, 24, 40, 0.05);
}

.qf-ai-platforms__tab {
    width: 100%;

    padding: 12px;

    display: grid;
    grid-template-columns:
        40px minmax(0, 1fr) auto;

    align-items: center;

    gap: 11px;

    color: var(--qf-aip-dark) !important;
    background: transparent !important;

    border: 1px solid transparent !important;
    border-radius: 13px;

    font-family: "Geist", "DM Sans", Arial, sans-serif;

    text-align: left;
    cursor: pointer;

    transition:
        background 0.22s ease,
        border-color 0.22s ease,
        transform 0.22s ease,
        box-shadow 0.22s ease;
}

.qf-ai-platforms__tab:hover,
.qf-ai-platforms__tab:focus-visible {
    background: #f7f8fc !important;

    border-color:
        rgba(91, 75, 255, 0.1) !important;

    transform: translateX(2px);
}

.qf-ai-platforms__tab.is-active {
    background:
        linear-gradient(
            135deg,
            #f1efff 0%,
            #ffffff 100%
        ) !important;

    border-color:
        rgba(91, 75, 255, 0.18) !important;

    box-shadow:
        0 8px 20px rgba(91, 75, 255, 0.07);
}

.qf-ai-platforms__tab-icon {
    width: 40px;
    height: 40px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            var(--qf-aip-primary),
            var(--qf-aip-secondary)
        );

    border-radius: 11px;

    font-size: 10px;
    font-weight: 760;
}

.qf-ai-platforms__tab-icon--google {
    background:
        linear-gradient(
            135deg,
            #4285f4,
            #5b4bff
        );
}

.qf-ai-platforms__tab > span:nth-child(2) {
    min-width: 0;

    display: grid;
    gap: 3px;
}

.qf-ai-platforms__tab small {
    color: #98a0ae;

    font-size: 8px;
    font-weight: 700;

    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.qf-ai-platforms__tab strong {
    overflow: hidden;

    color: var(--qf-aip-heading);

    font-size: 12px;
    font-weight: 630;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.qf-ai-platforms__tab-state {
    padding: 6px 8px;

    color: var(--qf-aip-primary);

    background: #efedff;

    border-radius: 999px;

    font-size: 8px;
    font-weight: 720;

    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* =========================================================
   STAGE
========================================================= */

.qf-ai-platforms__stage {
    min-width: 0;
}

/* =========================================================
   PANEL
========================================================= */

.qf-ai-platforms__panel {
    min-height: 100%;

    padding: 30px;

    background:
        radial-gradient(
            circle at 95% 5%,
            rgba(112, 76, 255, 0.24),
            transparent 28%
        ),
        linear-gradient(
            145deg,
            #10162c 0%,
            #171d38 58%,
            #2b2164 100%
        );

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

    border-radius: 22px;

    box-shadow:
        0 24px 58px rgba(16, 24, 40, 0.16);

    animation:
        qfPlatformFade 0.28s ease both;
}

.qf-ai-platforms__panel[hidden] {
    display: none !important;
}

.qf-ai-platforms__panel-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 24px;
}

.qf-ai-platforms__panel-top > div {
    display: grid;
    gap: 6px;
}

.qf-ai-platforms__panel-top small {
    color: #aaa2ff;

    font-size: 9px;
    font-weight: 730;

    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.qf-ai-platforms__panel-top h3 {
    margin: 0;

    color: #ffffff;

    font-size: 28px;
    font-weight: 690;
    line-height: 1.25;

    letter-spacing: -0.04em;
}

.qf-ai-platforms__panel-badge {
    padding: 8px 10px;

    color: rgba(255, 255, 255, 0.75);

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

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

    border-radius: 999px;

    font-size: 8.5px;
    font-weight: 700;

    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.qf-ai-platforms__panel-lead {
    max-width: 760px;
    margin: 17px 0 0;

    color: rgba(255, 255, 255, 0.64);

    font-size: 13px;
    line-height: 1.7;
}

/* =========================================================
   METRICS
========================================================= */

.qf-ai-platforms__metrics {
    margin-top: 25px;

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

    gap: 10px;
}

.qf-ai-platforms__metrics > div {
    min-width: 0;

    padding: 16px;

    display: grid;
    gap: 6px;

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

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

    border-radius: 13px;
}

.qf-ai-platforms__metrics small {
    color: rgba(255, 255, 255, 0.42);

    font-size: 8px;
    font-weight: 700;

    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.qf-ai-platforms__metrics strong {
    color: #ffffff;

    font-size: 20px;
    font-weight: 690;
}

.qf-ai-platforms__metrics span {
    color: rgba(255, 255, 255, 0.46);

    font-size: 8.5px;
}

/* =========================================================
   AUDIT CHECKS
========================================================= */

.qf-ai-platforms__checks {
    margin-top: 19px;

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

    gap: 9px;
}

.qf-ai-platforms__checks > div {
    min-width: 0;

    padding: 12px;

    display: flex;
    align-items: flex-start;

    gap: 9px;

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

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

    border-radius: 11px;
}

.qf-ai-platforms__checks span {
    width: 19px;
    height: 19px;

    flex: 0 0 19px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #b7afff;

    background:
        rgba(112, 76, 255, 0.18);

    border-radius: 50%;

    font-size: 9px;
    font-weight: 760;
}

.qf-ai-platforms__checks p {
    margin: 1px 0 0;

    color: rgba(255, 255, 255, 0.62);

    font-size: 10px;
    line-height: 1.5;
}

/* =========================================================
   INSIGHT
========================================================= */

.qf-ai-platforms__insight {
    margin-top: 19px;
    padding: 14px;

    display: grid;
    gap: 6px;

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

    border:
        1px solid rgba(169, 157, 255, 0.16);

    border-radius: 12px;
}

.qf-ai-platforms__insight span {
    color: #aaa1ff;

    font-size: 8px;
    font-weight: 730;

    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.qf-ai-platforms__insight strong {
    color: #ffffff;

    font-size: 11.5px;
    font-weight: 620;
    line-height: 1.5;
}

/* =========================================================
   BOTTOM NOTE
========================================================= */

.qf-ai-platforms__bottom {
    margin-top: 24px;
    padding: 20px 22px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;

    background:
        rgba(91, 75, 255, 0.045);

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

    border-radius: 15px;
}

.qf-ai-platforms__bottom p {
    max-width: 860px;
    margin: 0;

    color: #667085;

    font-size: 11.5px;
    line-height: 1.6;
}

.qf-ai-platforms__bottom a,
.qf-ai-platforms__bottom a:link,
.qf-ai-platforms__bottom a:visited {
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;

    gap: 7px;

    color: var(--qf-aip-primary) !important;

    font-size: 12px;
    font-weight: 650;

    text-decoration: none !important;
}

.qf-ai-platforms__bottom a:hover,
.qf-ai-platforms__bottom a:focus-visible {
    color: var(--qf-aip-primary-dark) !important;
}

.qf-ai-platforms__bottom svg {
    width: 15px;
    height: 15px;

    transition: transform 0.2s ease;
}

.qf-ai-platforms__bottom a:hover svg {
    transform: translateX(3px);
}

/* =========================================================
   ELEMENTOR / WORDPRESS PROTECTION
========================================================= */

.elementor .qf-ai-platforms button,
.elementor .qf-ai-platforms button:hover,
.elementor .qf-ai-platforms button:focus {
    font-family: "Geist", "DM Sans", Arial, sans-serif !important;
}

.elementor .qf-ai-platforms a,
.elementor .qf-ai-platforms a:link,
.elementor .qf-ai-platforms a:visited {
    text-decoration: none !important;
}

.elementor
.qf-ai-platforms
.qf-ai-platforms__bottom a,
.elementor
.qf-ai-platforms
.qf-ai-platforms__bottom a:hover {
    color: var(--qf-aip-primary) !important;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 940px) {

    .qf-ai-platforms {
        padding: 90px 0;
    }

    .qf-ai-platforms__container {
        width: min(calc(100% - 32px), 1280px);
    }

    .qf-ai-platforms__summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .qf-ai-platforms__summary > div:nth-child(2) {
        border-right: 0;
    }

    .qf-ai-platforms__summary > div:nth-child(-n+2) {
        border-bottom: 1px solid var(--qf-aip-border);
    }

    .qf-ai-platforms__workspace {
        grid-template-columns: 1fr;
    }

    .qf-ai-platforms__tabs {
        grid-template-columns:
            repeat(5, minmax(0, 1fr));
    }

    .qf-ai-platforms__tab {
        grid-template-columns: 1fr;

        justify-items: center;

        text-align: center;
    }

    .qf-ai-platforms__tab-state {
        display: none;
    }

    .qf-ai-platforms__metrics {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 620px) {

    .qf-ai-platforms {
        padding: 72px 0;
    }

    .qf-ai-platforms__container {
        width: min(calc(100% - 24px), 1280px);
    }

    .qf-ai-platforms__intro h2 {
        font-size: 36px;
    }

    .qf-ai-platforms__intro p {
        font-size: 15px;
    }

    .qf-ai-platforms__summary {
        grid-template-columns: 1fr;
    }

    .qf-ai-platforms__summary > div {
        border-right: 0 !important;
        border-bottom:
            1px solid var(--qf-aip-border);
    }

    .qf-ai-platforms__summary > div:last-child {
        border-bottom: 0;
    }

    .qf-ai-platforms__tabs {
        padding: 0;

        grid-template-columns: 1fr;

        background: transparent;

        border: 0;
        box-shadow: none;
    }

    .qf-ai-platforms__tab {
        grid-template-columns:
            40px minmax(0, 1fr) auto;

        justify-items: stretch;

        padding: 12px;

        background: #ffffff !important;

        border:
            1px solid var(--qf-aip-border) !important;

        text-align: left;
    }

    .qf-ai-platforms__tab-state {
        display: inline-flex;
    }

    .qf-ai-platforms__panel {
        padding: 21px;

        border-radius: 18px;
    }

    .qf-ai-platforms__panel-top {
        align-items: flex-start;
        flex-direction: column;

        gap: 12px;
    }

    .qf-ai-platforms__panel-top h3 {
        font-size: 24px;
    }

    .qf-ai-platforms__metrics,
    .qf-ai-platforms__checks {
        grid-template-columns: 1fr;
    }

    .qf-ai-platforms__bottom {
        align-items: flex-start;
        flex-direction: column;

        gap: 14px;
    }
}

/* =========================================================
   ANIMATION
========================================================= */

@keyframes qfPlatformFade {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

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

@media (prefers-reduced-motion: reduce) {

    .qf-ai-platforms__panel {
        animation: none;
    }

    .qf-ai-platforms__tab,
    .qf-ai-platforms__bottom svg {
        transition: none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e9cf781 *//* =========================================================
   QUICKFIXI — SECTION 5: WHAT WE CHECK
========================================================= */

.qf-ai-checks {
    --qf-aic-primary: #5b4bff;
    --qf-aic-primary-dark: #4938ef;
    --qf-aic-secondary: #704cff;

    --qf-aic-heading: #101828;
    --qf-aic-dark: #344054;
    --qf-aic-text: #667085;
    --qf-aic-muted: #8d96a6;

    --qf-aic-border: #e4e8f1;
    --qf-aic-soft: #f7f8ff;
    --qf-aic-white: #ffffff;

    position: relative;
    overflow: hidden;

    padding: 80px 0;

    background:
        radial-gradient(
            circle at 8% 15%,
            rgba(91, 75, 255, 0.055),
            transparent 25%
        ),
        radial-gradient(
            circle at 92% 86%,
            rgba(65, 150, 255, 0.045),
            transparent 24%
        ),
        #ffffff;

    font-family: "Geist", "DM Sans", Arial, sans-serif;
}

.qf-ai-checks,
.qf-ai-checks *,
.qf-ai-checks *::before,
.qf-ai-checks *::after {
    box-sizing: border-box;
}

.qf-ai-checks__container {
    width: min(calc(100% - 48px), 1280px);
    margin-inline: auto;
}

/* =========================================================
   INTRO
========================================================= */

.qf-ai-checks__intro {
    max-width: 850px;
    margin-inline: auto;

    text-align: center;
}

.qf-ai-checks__eyebrow {
    margin-bottom: 18px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    color: var(--qf-aic-primary);

    font-size: 11px;
    font-weight: 730;
    line-height: 1;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.qf-ai-checks__eyebrow::before {
    content: "";

    width: 27px;
    height: 1px;

    background:
        rgba(91, 75, 255, 0.45);
}

.qf-ai-checks__intro h2 {
    margin: 0;

    color: var(--qf-aic-heading);

    font-size: clamp(42px, 4.65vw, 62px);
    font-weight: 720;
    line-height: 1.08;

    letter-spacing: -0.052em;
}

.qf-ai-checks__intro h2 span {
    display: block;

    background:
        linear-gradient(
            90deg,
            var(--qf-aic-primary),
            var(--qf-aic-secondary)
        );

    -webkit-background-clip: text;
    background-clip: text;

    color: transparent;
}

.qf-ai-checks__intro p {
    max-width: 730px;

    margin: 23px auto 0;

    color: var(--qf-aic-text);

    font-size: 16px;
    line-height: 1.75;
}

/* =========================================================
   DASHBOARD
========================================================= */

.qf-ai-checks__dashboard {
    margin-top: 58px;
    padding: 28px;

    background:
        radial-gradient(
            circle at 96% 4%,
            rgba(112, 76, 255, 0.23),
            transparent 26%
        ),
        linear-gradient(
            145deg,
            #10162c 0%,
            #171d38 58%,
            #29215f 100%
        );

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

    border-radius: 27px;

    box-shadow:
        0 28px 70px rgba(16, 24, 40, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

/* =========================================================
   DASHBOARD TOP
========================================================= */

.qf-ai-checks__dashboard-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 24px;
}

.qf-ai-checks__dashboard-top > div {
    display: flex;
    align-items: center;

    gap: 11px;
}

.qf-ai-checks__status-dot {
    width: 9px;
    height: 9px;

    flex: 0 0 9px;

    border-radius: 50%;

    background: #4bd88f;

    box-shadow:
        0 0 0 6px rgba(75, 216, 143, 0.1);
}

.qf-ai-checks__dashboard-top > div > div {
    display: grid;
    gap: 4px;
}

.qf-ai-checks__dashboard-top small {
    color: rgba(255, 255, 255, 0.47);

    font-size: 8.5px;
    font-weight: 720;

    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.qf-ai-checks__dashboard-top strong {
    color: #ffffff;

    font-size: 16px;
    font-weight: 650;
}

.qf-ai-checks__dashboard-badge {
    padding: 7px 10px;

    color: rgba(255, 255, 255, 0.7);

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

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

    border-radius: 999px;

    font-size: 8px;
    font-weight: 720;

    text-transform: uppercase;
    letter-spacing: 0.06em;
}

/* =========================================================
   LEGEND
========================================================= */

.qf-ai-checks__legend {
    margin-top: 22px;
    padding: 13px 14px;

    display: flex;
    flex-wrap: wrap;

    gap: 12px 20px;

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

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

    border-radius: 12px;
}

.qf-ai-checks__legend span {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    color: rgba(255, 255, 255, 0.57);

    font-size: 9px;
    font-weight: 560;
}

.qf-ai-checks__legend i {
    width: 7px;
    height: 7px;

    flex: 0 0 7px;

    border-radius: 50%;
}

.qf-ai-checks__legend .is-strong {
    background: #4bd88f;
}

.qf-ai-checks__legend .is-improve {
    background: #e8bd63;
}

.qf-ai-checks__legend .is-opportunity {
    background: #8b7dff;
}

.qf-ai-checks__legend .is-missing {
    background: #ec7474;
}

/* =========================================================
   GRID
========================================================= */

.qf-ai-checks__grid {
    margin-top: 18px;

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

    gap: 12px;
}

/* =========================================================
   CARDS
========================================================= */

.qf-ai-checks__card {
    min-width: 0;

    padding: 18px;

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

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

    border-radius: 16px;

    transition:
        background-color 0.22s ease,
        border-color 0.22s ease,
        transform 0.22s ease,
        box-shadow 0.22s ease;
}

.qf-ai-checks__card:hover {
    background:
        rgba(255, 255, 255, 0.085);

    border-color:
        rgba(166, 154, 255, 0.18);

    transform: translateY(-3px);

    box-shadow:
        0 14px 28px rgba(5, 7, 22, 0.13);
}

.qf-ai-checks__card-top {
    display: grid;
    grid-template-columns:
        28px 36px minmax(0, 1fr);

    align-items: center;

    gap: 9px;
}

.qf-ai-checks__number {
    color: rgba(255, 255, 255, 0.38);

    font-size: 8.5px;
    font-weight: 760;

    letter-spacing: 0.05em;
}

.qf-ai-checks__icon {
    width: 36px;
    height: 36px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #bbb4ff;

    background:
        rgba(112, 76, 255, 0.16);

    border:
        1px solid rgba(169, 158, 255, 0.12);

    border-radius: 10px;
}

.qf-ai-checks__icon svg {
    width: 18px;
    height: 18px;
}

/* =========================================================
   STATUS CHIPS
========================================================= */

.qf-ai-checks__status {
    justify-self: end;

    padding: 6px 8px;

    border-radius: 999px;

    font-size: 7.5px;
    font-weight: 730;

    line-height: 1;

    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.qf-ai-checks__status--strong {
    color: #a9edca;

    background:
        rgba(75, 216, 143, 0.11);
}

.qf-ai-checks__status--improve {
    color: #f0d28f;

    background:
        rgba(232, 189, 99, 0.11);
}

.qf-ai-checks__status--opportunity {
    color: #c2bbff;

    background:
        rgba(139, 125, 255, 0.13);
}

.qf-ai-checks__status--missing {
    color: #ffb0b0;

    background:
        rgba(236, 116, 116, 0.11);
}

/* =========================================================
   CARD CONTENT
========================================================= */

.qf-ai-checks__card h3 {
    margin: 16px 0 0;

    color: #ffffff;

    font-size: 15px;
    font-weight: 650;
    line-height: 1.35;

    letter-spacing: -0.025em;
}

.qf-ai-checks__card > p {
    margin: 8px 0 0;

    color: rgba(255, 255, 255, 0.57);

    font-size: 10.5px;
    line-height: 1.62;
}

.qf-ai-checks__card ul {
    margin: 14px 0 0;
    padding: 13px 0 0;

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

    gap: 8px 12px;

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

    list-style: none;
}

.qf-ai-checks__card li {
    position: relative;

    padding-left: 16px;

    color: rgba(255, 255, 255, 0.47);

    font-size: 9px;
    line-height: 1.45;
}

.qf-ai-checks__card li::before {
    content: "";

    position: absolute;

    top: 6px;
    left: 0;

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: #8f82ff;
}

/* =========================================================
   SUMMARY
========================================================= */

.qf-ai-checks__summary {
    margin-top: 18px;

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

    background:
        rgba(8, 11, 29, 0.3);

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

    border-radius: 14px;
}

.qf-ai-checks__summary > div {
    min-width: 0;

    padding: 16px 18px;

    display: grid;
    gap: 5px;
}

.qf-ai-checks__summary > div:not(:last-child) {
    border-right:
        1px solid rgba(255, 255, 255, 0.075);
}

.qf-ai-checks__summary small {
    color: rgba(255, 255, 255, 0.38);

    font-size: 8px;
    font-weight: 700;

    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.qf-ai-checks__summary strong {
    color: #ffffff;

    font-size: 15px;
    font-weight: 650;
}

/* =========================================================
   BOTTOM CTA
========================================================= */

.qf-ai-checks__bottom {
    margin-top: 24px;
    padding: 21px 23px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;

    background:
        linear-gradient(
            135deg,
            rgba(91, 75, 255, 0.055),
            rgba(112, 76, 255, 0.02)
        );

    border:
        1px solid rgba(91, 75, 255, 0.11);

    border-radius: 16px;
}

.qf-ai-checks__bottom > div {
    min-width: 0;

    display: grid;
    gap: 5px;
}

.qf-ai-checks__bottom small {
    color: var(--qf-aic-primary);

    font-size: 8.5px;
    font-weight: 720;

    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.qf-ai-checks__bottom strong {
    color: var(--qf-aic-dark);

    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.5;
}

.qf-ai-checks__bottom a,
.qf-ai-checks__bottom a:link,
.qf-ai-checks__bottom a:visited {
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;

    gap: 7px;

    color: var(--qf-aic-primary) !important;

    font-size: 12px;
    font-weight: 650;

    text-decoration: none !important;
}

.qf-ai-checks__bottom a:hover,
.qf-ai-checks__bottom a:focus-visible {
    color: var(--qf-aic-primary-dark) !important;
}

.qf-ai-checks__bottom svg {
    width: 15px;
    height: 15px;

    transition: transform 0.2s ease;
}

.qf-ai-checks__bottom a:hover svg {
    transform: translateX(3px);
}

/* =========================================================
   ELEMENTOR / WORDPRESS PROTECTION
========================================================= */

.elementor .qf-ai-checks a,
.elementor .qf-ai-checks a:link,
.elementor .qf-ai-checks a:visited {
    text-decoration: none !important;
}

.elementor
.qf-ai-checks
.qf-ai-checks__bottom a,
.elementor
.qf-ai-checks
.qf-ai-checks__bottom a:hover,
.elementor
.qf-ai-checks
.qf-ai-checks__bottom a:focus {
    color: var(--qf-aic-primary) !important;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 940px) {

    .qf-ai-checks {
        padding: 90px 0;
    }

    .qf-ai-checks__container {
        width: min(calc(100% - 32px), 1280px);
    }

    .qf-ai-checks__dashboard {
        padding: 22px;
    }

    .qf-ai-checks__grid {
        grid-template-columns: 1fr;
    }

    .qf-ai-checks__summary {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .qf-ai-checks__summary > div:nth-child(2) {
        border-right: 0;
    }

    .qf-ai-checks__summary > div:nth-child(-n+2) {
        border-bottom:
            1px solid rgba(255, 255, 255, 0.075);
    }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 620px) {

    .qf-ai-checks {
        padding: 72px 0;
    }

    .qf-ai-checks__container {
        width: min(calc(100% - 24px), 1280px);
    }

    .qf-ai-checks__intro h2 {
        font-size: 36px;
    }

    .qf-ai-checks__intro p {
        font-size: 15px;
    }

    .qf-ai-checks__dashboard {
        padding: 18px;

        border-radius: 21px;
    }

    .qf-ai-checks__dashboard-top {
        align-items: flex-start;
    }

    .qf-ai-checks__legend {
        display: grid;
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .qf-ai-checks__card {
        padding: 16px;
    }

    .qf-ai-checks__card-top {
        grid-template-columns:
            26px 34px minmax(0, 1fr);
    }

    .qf-ai-checks__status {
        font-size: 7px;
    }

    .qf-ai-checks__card ul {
        grid-template-columns: 1fr;
    }

    .qf-ai-checks__summary {
        grid-template-columns: 1fr;
    }

    .qf-ai-checks__summary > div {
        border-right: 0 !important;

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

    .qf-ai-checks__summary > div:last-child {
        border-bottom: 0;
    }

    .qf-ai-checks__bottom {
        align-items: flex-start;
        flex-direction: column;

        gap: 14px;
    }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 400px) {

    .qf-ai-checks__intro h2 {
        font-size: 33px;
    }

    .qf-ai-checks__legend {
        grid-template-columns: 1fr;
    }

    .qf-ai-checks__card-top {
        grid-template-columns:
            26px 34px;

        align-items: start;
    }

    .qf-ai-checks__status {
        grid-column: 1 / -1;

        justify-self: start;

        margin-top: 4px;
    }
}

/* =========================================================
   ACCESSIBILITY
========================================================= */

.qf-ai-checks a:focus-visible {
    outline:
        3px solid rgba(91, 75, 255, 0.24);

    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {

    .qf-ai-checks__card,
    .qf-ai-checks__bottom svg {
        transition: none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-769c126 *//* =========================================================
   QUICKFIXI — SECTION 6: AI READINESS SCORE
========================================================= */

.qf-ai-score {
    --qf-aisc-primary: #5b4bff;
    --qf-aisc-primary-dark: #4938ef;
    --qf-aisc-secondary: #704cff;

    --qf-aisc-heading: #101828;
    --qf-aisc-dark: #344054;
    --qf-aisc-text: #667085;
    --qf-aisc-muted: #8d96a6;

    --qf-aisc-border: #e4e8f1;
    --qf-aisc-soft: #f7f8ff;
    --qf-aisc-white: #ffffff;

    position: relative;
    overflow: hidden;

    padding: 80px 0;

    background:
        radial-gradient(
            circle at 92% 9%,
            rgba(91, 75, 255, 0.07),
            transparent 27%
        ),
        radial-gradient(
            circle at 4% 86%,
            rgba(64, 148, 255, 0.04),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #f8f9ff 0%,
            #ffffff 100%
        );

    font-family: "Geist", "DM Sans", Arial, sans-serif;
}

.qf-ai-score,
.qf-ai-score *,
.qf-ai-score *::before,
.qf-ai-score *::after {
    box-sizing: border-box;
}

.qf-ai-score__container {
    width: min(calc(100% - 48px), 1280px);
    margin-inline: auto;
}

/* =========================================================
   INTRO
========================================================= */

.qf-ai-score__intro {
    max-width: 860px;
    margin-inline: auto;

    text-align: center;
}

.qf-ai-score__eyebrow {
    margin-bottom: 18px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    color: var(--qf-aisc-primary);

    font-size: 11px;
    font-weight: 730;
    line-height: 1;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.qf-ai-score__eyebrow::before {
    content: "";

    width: 27px;
    height: 1px;

    background:
        rgba(91, 75, 255, 0.45);
}

.qf-ai-score__intro h2 {
    margin: 0;

    color: var(--qf-aisc-heading);

    font-size: clamp(42px, 4.65vw, 62px);
    font-weight: 720;
    line-height: 1.08;

    letter-spacing: -0.052em;
}

.qf-ai-score__intro h2 span {
    display: block;

    background:
        linear-gradient(
            90deg,
            var(--qf-aisc-primary),
            var(--qf-aisc-secondary)
        );

    -webkit-background-clip: text;
    background-clip: text;

    color: transparent;
}

.qf-ai-score__intro p {
    max-width: 735px;

    margin: 23px auto 0;

    color: var(--qf-aisc-text);

    font-size: 16px;
    line-height: 1.75;
}

/* =========================================================
   MAIN DASHBOARD
========================================================= */

.qf-ai-score__dashboard {
    margin-top: 58px;

    display: grid;
    grid-template-columns:
        minmax(360px, 0.78fr)
        minmax(0, 1.22fr);

    gap: 18px;

    align-items: stretch;
}

/* =========================================================
   OVERVIEW CARD
========================================================= */

.qf-ai-score__overview {
    position: relative;
    overflow: hidden;

    padding: 28px;

    background:
        radial-gradient(
            circle at 90% 5%,
            rgba(112, 76, 255, 0.28),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #10162c 0%,
            #171d38 58%,
            #2c2167 100%
        );

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

    border-radius: 25px;

    box-shadow:
        0 27px 65px rgba(16, 24, 40, 0.17);
}

.qf-ai-score__overview::before {
    content: "";

    position: absolute;
    inset: 0;

    opacity: 0.1;

    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(255, 255, 255, 0.06) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.06) 1px,
            transparent 1px
        );

    background-size: 38px 38px;
}

/* =========================================================
   OVERVIEW TOP
========================================================= */

.qf-ai-score__overview-top {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 20px;
}

.qf-ai-score__overview-top > div {
    display: grid;
    gap: 5px;
}

.qf-ai-score__overview-top small {
    color: rgba(255, 255, 255, 0.45);

    font-size: 8.5px;
    font-weight: 720;

    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.qf-ai-score__overview-top strong {
    color: #ffffff;

    font-size: 15px;
    font-weight: 640;
}

.qf-ai-score__live {
    padding: 7px 9px;

    color: #a9edca;

    background:
        rgba(75, 216, 143, 0.1);

    border:
        1px solid rgba(75, 216, 143, 0.12);

    border-radius: 999px;

    font-size: 7.5px;
    font-weight: 730;

    letter-spacing: 0.05em;
    text-transform: uppercase;
}

/* =========================================================
   GAUGE
========================================================= */

.qf-ai-score__gauge-wrap {
    position: relative;
    z-index: 2;

    margin-top: 28px;

    display: flex;
    justify-content: center;
}

.qf-ai-score__gauge {
    position: relative;

    width: 228px;
    height: 228px;
}

.qf-ai-score__gauge svg {
    width: 100%;
    height: 100%;

    transform: rotate(-90deg);
}

.qf-ai-score__gauge circle {
    fill: none;

    stroke-width: 13;
}

.qf-ai-score__gauge-track {
    stroke: rgba(255, 255, 255, 0.09);
}

.qf-ai-score__gauge-progress {
    stroke: #8f82ff;

    stroke-linecap: round;

    stroke-dasharray: 553;
    stroke-dashoffset: 144;

    filter:
        drop-shadow(
            0 0 7px rgba(143, 130, 255, 0.3)
        );

    animation:
        qfAiReadinessGauge 1.7s ease both;
}

.qf-ai-score__gauge-content {
    position: absolute;
    inset: 0;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.qf-ai-score__gauge-content > small {
    color: rgba(255, 255, 255, 0.42);

    font-size: 8.5px;
    font-weight: 720;

    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.qf-ai-score__gauge-content > div {
    margin-top: 7px;

    display: flex;
    align-items: flex-end;
}

.qf-ai-score__gauge-content strong {
    color: #ffffff;

    font-size: 57px;
    font-weight: 760;
    line-height: 0.9;

    letter-spacing: -0.06em;
}

.qf-ai-score__gauge-content span {
    margin: 0 0 5px 3px;

    color: rgba(255, 255, 255, 0.42);

    font-size: 11px;
}

.qf-ai-score__gauge-content b {
    margin-top: 9px;
    padding: 6px 9px;

    color: #f0d28f;

    background:
        rgba(232, 189, 99, 0.11);

    border-radius: 999px;

    font-size: 8px;
    font-weight: 730;

    letter-spacing: 0.06em;
    text-transform: uppercase;
}

/* =========================================================
   OVERVIEW COPY
========================================================= */

.qf-ai-score__overview-copy {
    position: relative;
    z-index: 2;

    margin-top: 18px;

    text-align: center;
}

.qf-ai-score__overview-copy h3 {
    max-width: 420px;

    margin: 0 auto;

    color: #ffffff;

    font-size: 18px;
    font-weight: 650;
    line-height: 1.4;

    letter-spacing: -0.025em;
}

.qf-ai-score__overview-copy p {
    max-width: 430px;

    margin: 10px auto 0;

    color: rgba(255, 255, 255, 0.56);

    font-size: 10.5px;
    line-height: 1.6;
}

/* =========================================================
   CONFIDENCE
========================================================= */

.qf-ai-score__confidence {
    position: relative;
    z-index: 2;

    margin-top: 23px;
    padding: 14px;

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

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

    border-radius: 13px;
}

.qf-ai-score__confidence-head {
    display: flex;
    justify-content: space-between;

    gap: 15px;
}

.qf-ai-score__confidence-head span {
    color: rgba(255, 255, 255, 0.52);

    font-size: 9px;
}

.qf-ai-score__confidence-head strong {
    color: #a9edca;

    font-size: 9px;
    font-weight: 650;
}

.qf-ai-score__confidence-bar {
    height: 6px;

    margin-top: 10px;

    overflow: hidden;

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

    border-radius: 999px;
}

.qf-ai-score__confidence-bar i {
    width: 88%;
    height: 100%;

    display: block;

    background:
        linear-gradient(
            90deg,
            #5b4bff,
            #4bd88f
        );

    border-radius: inherit;

    animation:
        qfConfidenceBar 1.5s ease both;
}

.qf-ai-score__confidence p {
    margin: 10px 0 0;

    color: rgba(255, 255, 255, 0.4);

    font-size: 8.5px;
    line-height: 1.55;
}

/* =========================================================
   BREAKDOWN
========================================================= */

.qf-ai-score__breakdown {
    min-width: 0;

    padding: 28px;

    background: #ffffff;

    border: 1px solid var(--qf-aisc-border);
    border-radius: 25px;

    box-shadow:
        0 18px 48px rgba(16, 24, 40, 0.07);
}

.qf-ai-score__breakdown-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 20px;
}

.qf-ai-score__breakdown-top > div {
    display: grid;
    gap: 6px;
}

.qf-ai-score__breakdown-top small {
    color: var(--qf-aisc-primary);

    font-size: 8.5px;
    font-weight: 730;

    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.qf-ai-score__breakdown-top h3 {
    margin: 0;

    color: var(--qf-aisc-heading);

    font-size: 24px;
    font-weight: 680;

    letter-spacing: -0.035em;
}

.qf-ai-score__breakdown-top > span {
    padding: 7px 9px;

    color: var(--qf-aisc-primary);

    background: #efedff;

    border-radius: 999px;

    font-size: 8px;
    font-weight: 720;

    letter-spacing: 0.05em;
    text-transform: uppercase;
}

/* =========================================================
   METRICS
========================================================= */

.qf-ai-score__metrics {
    margin-top: 28px;

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

    gap: 21px 24px;
}

.qf-ai-score__metric {
    min-width: 0;
}

.qf-ai-score__metric-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 15px;
}

.qf-ai-score__metric-head span {
    color: var(--qf-aisc-dark);

    font-size: 11px;
    font-weight: 560;
}

.qf-ai-score__metric-head strong {
    color: var(--qf-aisc-heading);

    font-size: 13px;
    font-weight: 680;
}

.qf-ai-score__metric-bar {
    height: 8px;

    margin-top: 9px;

    overflow: hidden;

    background: #eceef4;

    border-radius: 999px;
}

.qf-ai-score__metric-bar i {
    width: var(--score);
    height: 100%;

    display: block;

    background:
        linear-gradient(
            90deg,
            var(--qf-aisc-primary),
            var(--qf-aisc-secondary)
        );

    border-radius: inherit;

    transform-origin: left center;

    animation:
        qfMetricBar 1.35s ease both;
}

.qf-ai-score__metric > small {
    margin-top: 6px;

    display: block;

    color: var(--qf-aisc-muted);

    font-size: 8.5px;
}

/* =========================================================
   SCORE BANDS
========================================================= */

.qf-ai-score__bands {
    margin-top: 24px;
    padding: 28px;

    background:
        linear-gradient(
            135deg,
            #f5f3ff 0%,
            #ffffff 57%,
            #f8faff 100%
        );

    border:
        1px solid rgba(91, 75, 255, 0.11);

    border-radius: 22px;
}

.qf-ai-score__bands-head {
    display: grid;
    grid-template-columns:
        minmax(0, 0.65fr)
        minmax(0, 1fr);

    align-items: end;

    gap: 50px;
}

.qf-ai-score__bands-head > div {
    display: grid;
    gap: 6px;
}

.qf-ai-score__bands-head small {
    color: var(--qf-aisc-primary);

    font-size: 8.5px;
    font-weight: 730;

    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.qf-ai-score__bands-head h3 {
    margin: 0;

    color: var(--qf-aisc-heading);

    font-size: 23px;
    font-weight: 680;

    letter-spacing: -0.035em;
}

.qf-ai-score__bands-head p {
    margin: 0;

    color: var(--qf-aisc-text);

    font-size: 11.5px;
    line-height: 1.65;
}

/* =========================================================
   BAND GRID
========================================================= */

.qf-ai-score__band-grid {
    margin-top: 24px;

    display: grid;
    grid-template-columns:
        repeat(5, minmax(0, 1fr));

    gap: 10px;
}

.qf-ai-score__band {
    min-width: 0;

    padding: 16px;

    border-radius: 14px;

    border: 1px solid transparent;
}

.qf-ai-score__band > span {
    font-size: 9px;
    font-weight: 750;

    letter-spacing: 0.05em;
}

.qf-ai-score__band > div {
    margin-top: 14px;
}

.qf-ai-score__band strong {
    color: var(--qf-aisc-heading);

    font-size: 12px;
    font-weight: 650;
}

.qf-ai-score__band p {
    margin: 7px 0 0;

    color: var(--qf-aisc-text);

    font-size: 9px;
    line-height: 1.5;
}

/* Band colors */

.qf-ai-score__band--excellent {
    background: rgba(75, 216, 143, 0.08);
    border-color: rgba(75, 216, 143, 0.14);
}

.qf-ai-score__band--excellent > span {
    color: #23895c;
}

.qf-ai-score__band--good {
    background: rgba(62, 150, 255, 0.07);
    border-color: rgba(62, 150, 255, 0.13);
}

.qf-ai-score__band--good > span {
    color: #3f6fb8;
}

.qf-ai-score__band--moderate {
    background: rgba(232, 189, 99, 0.1);
    border-color: rgba(232, 189, 99, 0.16);
}

.qf-ai-score__band--moderate > span {
    color: #8b6820;
}

.qf-ai-score__band--weak {
    background: rgba(225, 132, 84, 0.08);
    border-color: rgba(225, 132, 84, 0.14);
}

.qf-ai-score__band--weak > span {
    color: #a15e32;
}

.qf-ai-score__band--critical {
    background: rgba(225, 84, 84, 0.07);
    border-color: rgba(225, 84, 84, 0.13);
}

.qf-ai-score__band--critical > span {
    color: #a34040;
}

/* =========================================================
   DELIVERABLE STRIP
========================================================= */

.qf-ai-score__deliverables {
    margin-top: 18px;

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

    background: #ffffff;

    border:
        1px solid var(--qf-aisc-border);

    border-radius: 16px;

    box-shadow:
        0 11px 28px rgba(16, 24, 40, 0.04);
}

.qf-ai-score__deliverables > div {
    min-width: 0;

    padding: 17px;

    display: flex;
    align-items: center;

    gap: 10px;
}

.qf-ai-score__deliverables > div:not(:last-child) {
    border-right:
        1px solid var(--qf-aisc-border);
}

.qf-ai-score__deliverables span {
    width: 20px;
    height: 20px;

    flex: 0 0 20px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: var(--qf-aisc-primary);

    background: #efedff;

    border-radius: 50%;

    font-size: 9px;
    font-weight: 800;
}

.qf-ai-score__deliverables strong {
    color: var(--qf-aisc-dark);

    font-size: 10.5px;
    font-weight: 590;
}

/* =========================================================
   BOTTOM CTA
========================================================= */

.qf-ai-score__bottom {
    margin-top: 21px;
    padding: 21px 23px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;

    background:
        linear-gradient(
            135deg,
            rgba(91, 75, 255, 0.055),
            rgba(112, 76, 255, 0.02)
        );

    border:
        1px solid rgba(91, 75, 255, 0.11);

    border-radius: 16px;
}

.qf-ai-score__bottom > div {
    min-width: 0;

    display: grid;
    gap: 5px;
}

.qf-ai-score__bottom small {
    color: var(--qf-aisc-primary);

    font-size: 8.5px;
    font-weight: 720;

    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.qf-ai-score__bottom strong {
    color: var(--qf-aisc-dark);

    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.5;
}

.qf-ai-score__bottom a,
.qf-ai-score__bottom a:link,
.qf-ai-score__bottom a:visited {
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;

    gap: 7px;

    color: var(--qf-aisc-primary) !important;

    font-size: 12px;
    font-weight: 650;

    text-decoration: none !important;
}

.qf-ai-score__bottom a:hover,
.qf-ai-score__bottom a:focus-visible {
    color: var(--qf-aisc-primary-dark) !important;
}

.qf-ai-score__bottom svg {
    width: 15px;
    height: 15px;

    transition: transform 0.2s ease;
}

.qf-ai-score__bottom a:hover svg {
    transform: translateX(3px);
}

/* =========================================================
   ELEMENTOR / WORDPRESS PROTECTION
========================================================= */

.elementor .qf-ai-score a,
.elementor .qf-ai-score a:link,
.elementor .qf-ai-score a:visited {
    text-decoration: none !important;
}

.elementor
.qf-ai-score
.qf-ai-score__bottom a,
.elementor
.qf-ai-score
.qf-ai-score__bottom a:hover,
.elementor
.qf-ai-score
.qf-ai-score__bottom a:focus {
    color: var(--qf-aisc-primary) !important;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 940px) {

    .qf-ai-score {
        padding: 90px 0;
    }

    .qf-ai-score__container {
        width: min(calc(100% - 32px), 1280px);
    }

    .qf-ai-score__dashboard {
        grid-template-columns: 1fr;
    }

    .qf-ai-score__overview,
    .qf-ai-score__breakdown {
        max-width: 780px;
        width: 100%;

        margin-inline: auto;
    }

    .qf-ai-score__bands-head {
        grid-template-columns: 1fr;

        gap: 12px;
    }

    .qf-ai-score__band-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    .qf-ai-score__deliverables {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .qf-ai-score__deliverables > div:nth-child(2) {
        border-right: 0;
    }

    .qf-ai-score__deliverables > div:nth-child(-n+2) {
        border-bottom:
            1px solid var(--qf-aisc-border);
    }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 620px) {

    .qf-ai-score {
        padding: 72px 0;
    }

    .qf-ai-score__container {
        width: min(calc(100% - 24px), 1280px);
    }

    .qf-ai-score__intro h2 {
        font-size: 36px;
    }

    .qf-ai-score__intro p {
        font-size: 15px;
    }

    .qf-ai-score__overview,
    .qf-ai-score__breakdown,
    .qf-ai-score__bands {
        padding: 20px;

        border-radius: 20px;
    }

    .qf-ai-score__overview-top,
    .qf-ai-score__breakdown-top {
        align-items: flex-start;
        flex-direction: column;

        gap: 10px;
    }

    .qf-ai-score__gauge {
        width: 205px;
        height: 205px;
    }

    .qf-ai-score__gauge-content strong {
        font-size: 51px;
    }

    .qf-ai-score__metrics {
        grid-template-columns: 1fr;
    }

    .qf-ai-score__band-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .qf-ai-score__deliverables {
        grid-template-columns: 1fr;
    }

    .qf-ai-score__deliverables > div {
        border-right: 0 !important;

        border-bottom:
            1px solid var(--qf-aisc-border);
    }

    .qf-ai-score__deliverables > div:last-child {
        border-bottom: 0;
    }

    .qf-ai-score__bottom {
        align-items: flex-start;
        flex-direction: column;

        gap: 14px;
    }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 400px) {

    .qf-ai-score__intro h2 {
        font-size: 33px;
    }

    .qf-ai-score__band-grid {
        grid-template-columns: 1fr;
    }

    .qf-ai-score__gauge {
        width: 185px;
        height: 185px;
    }
}

/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes qfAiReadinessGauge {

    from {
        stroke-dashoffset: 553;
    }

    to {
        stroke-dashoffset: 144;
    }
}

@keyframes qfConfidenceBar {

    from {
        width: 0;
    }

    to {
        width: 88%;
    }
}

@keyframes qfMetricBar {

    from {
        transform: scaleX(0);
    }

    to {
        transform: scaleX(1);
    }
}

/* =========================================================
   ACCESSIBILITY
========================================================= */

.qf-ai-score a:focus-visible {
    outline:
        3px solid rgba(91, 75, 255, 0.24);

    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {

    .qf-ai-score__gauge-progress,
    .qf-ai-score__confidence-bar i,
    .qf-ai-score__metric-bar i {
        animation: none;
    }

    .qf-ai-score__bottom svg {
        transition: none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-410dd8c *//* =========================================================
   QUICKFIXI — SECTION 7: COMMON AI SEARCH PROBLEMS
========================================================= */

.qf-ai-problems {
    --qf-aipb-primary: #5b4bff;
    --qf-aipb-primary-dark: #4938ef;
    --qf-aipb-secondary: #704cff;

    --qf-aipb-heading: #101828;
    --qf-aipb-dark: #344054;
    --qf-aipb-text: #667085;
    --qf-aipb-muted: #8d96a6;

    --qf-aipb-border: #e4e8f1;
    --qf-aipb-soft: #f7f8ff;
    --qf-aipb-white: #ffffff;

    position: relative;
    overflow: hidden;

    padding: 80px 0;

    background:
        radial-gradient(
            circle at 96% 13%,
            rgba(91, 75, 255, 0.06),
            transparent 26%
        ),
        radial-gradient(
            circle at 4% 88%,
            rgba(64, 148, 255, 0.04),
            transparent 23%
        ),
        #ffffff;

    font-family: "Geist", "DM Sans", Arial, sans-serif;
}

.qf-ai-problems,
.qf-ai-problems *,
.qf-ai-problems *::before,
.qf-ai-problems *::after {
    box-sizing: border-box;
}

.qf-ai-problems__container {
    width: min(calc(100% - 48px), 1280px);
    margin-inline: auto;
}

/* =========================================================
   INTRO
========================================================= */

.qf-ai-problems__intro {
    max-width: 860px;
    margin-inline: auto;

    text-align: center;
}

.qf-ai-problems__eyebrow {
    margin-bottom: 18px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    color: var(--qf-aipb-primary);

    font-size: 11px;
    font-weight: 730;
    line-height: 1;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.qf-ai-problems__eyebrow::before {
    content: "";

    width: 27px;
    height: 1px;

    background:
        rgba(91, 75, 255, 0.45);
}

.qf-ai-problems__intro h2 {
    margin: 0;

    color: var(--qf-aipb-heading);

    font-size: clamp(42px, 4.65vw, 62px);
    font-weight: 720;
    line-height: 1.08;

    letter-spacing: -0.052em;
}

.qf-ai-problems__intro h2 span {
    display: block;

    background:
        linear-gradient(
            90deg,
            var(--qf-aipb-primary),
            var(--qf-aipb-secondary)
        );

    -webkit-background-clip: text;
    background-clip: text;

    color: transparent;
}

.qf-ai-problems__intro p {
    max-width: 735px;

    margin: 23px auto 0;

    color: var(--qf-aipb-text);

    font-size: 16px;
    line-height: 1.75;
}

/* =========================================================
   DIAGNOSTIC WRAPPER
========================================================= */

.qf-ai-problems__diagnostic {
    margin-top: 58px;
    padding: 28px;

    background:
        linear-gradient(
            180deg,
            #ffffff,
            #fbfbfe
        );

    border:
        1px solid var(--qf-aipb-border);

    border-radius: 26px;

    box-shadow:
        0 22px 55px rgba(16, 24, 40, 0.075);
}

/* =========================================================
   DIAGNOSTIC TOP
========================================================= */

.qf-ai-problems__diagnostic-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 24px;

    padding-bottom: 20px;

    border-bottom:
        1px solid var(--qf-aipb-border);
}

.qf-ai-problems__diagnostic-top > div {
    display: flex;
    align-items: center;

    gap: 11px;
}

.qf-ai-problems__pulse {
    width: 9px;
    height: 9px;

    flex: 0 0 9px;

    border-radius: 50%;

    background: #5b4bff;

    box-shadow:
        0 0 0 6px rgba(91, 75, 255, 0.09);
}

.qf-ai-problems__diagnostic-top > div > div {
    display: grid;
    gap: 4px;
}

.qf-ai-problems__diagnostic-top small {
    color: var(--qf-aipb-muted);

    font-size: 8.5px;
    font-weight: 720;

    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.qf-ai-problems__diagnostic-top strong {
    color: var(--qf-aipb-heading);

    font-size: 16px;
    font-weight: 650;
}

.qf-ai-problems__diagnostic-badge {
    padding: 7px 10px;

    color: var(--qf-aipb-primary);

    background: #efedff;

    border-radius: 999px;

    font-size: 8px;
    font-weight: 720;

    letter-spacing: 0.06em;
    text-transform: uppercase;
}

/* =========================================================
   GRID
========================================================= */

.qf-ai-problems__grid {
    margin-top: 20px;

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

    gap: 13px;
}

/* =========================================================
   CARDS
========================================================= */

.qf-ai-problems__card {
    position: relative;

    min-width: 0;

    padding: 20px;

    background: #ffffff;

    border:
        1px solid var(--qf-aipb-border);

    border-radius: 17px;

    box-shadow:
        0 8px 22px rgba(16, 24, 40, 0.035);

    transition:
        transform 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease;
}

.qf-ai-problems__card:hover {
    transform: translateY(-4px);

    box-shadow:
        0 15px 32px rgba(16, 24, 40, 0.07);
}

/* Left status rail */

.qf-ai-problems__card::before {
    content: "";

    position: absolute;

    top: 17px;
    bottom: 17px;
    left: 0;

    width: 3px;

    border-radius: 0 4px 4px 0;
}

.qf-ai-problems__card--critical::before {
    background: #dc6868;
}

.qf-ai-problems__card--opportunity::before {
    background: #7d6fff;
}

.qf-ai-problems__card--improve::before {
    background: #dcae50;
}

.qf-ai-problems__card--missing::before {
    background: #9b6571;
}

.qf-ai-problems__card--critical:hover {
    border-color:
        rgba(220, 104, 104, 0.22);
}

.qf-ai-problems__card--opportunity:hover {
    border-color:
        rgba(91, 75, 255, 0.22);
}

.qf-ai-problems__card--improve:hover {
    border-color:
        rgba(220, 174, 80, 0.22);
}

.qf-ai-problems__card--missing:hover {
    border-color:
        rgba(155, 101, 113, 0.22);
}

/* =========================================================
   CARD TOP
========================================================= */

.qf-ai-problems__card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 15px;
}

.qf-ai-problems__number {
    color: #a0a7b3;

    font-size: 8.5px;
    font-weight: 760;

    letter-spacing: 0.06em;
}

.qf-ai-problems__status {
    padding: 6px 8px;

    border-radius: 999px;

    font-size: 7.5px;
    font-weight: 730;

    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.qf-ai-problems__card--critical
.qf-ai-problems__status {
    color: #a33b3b;

    background:
        rgba(220, 104, 104, 0.1);
}

.qf-ai-problems__card--opportunity
.qf-ai-problems__status {
    color: var(--qf-aipb-primary);

    background:
        rgba(91, 75, 255, 0.09);
}

.qf-ai-problems__card--improve
.qf-ai-problems__status {
    color: #8d681e;

    background:
        rgba(220, 174, 80, 0.12);
}

.qf-ai-problems__card--missing
.qf-ai-problems__status {
    color: #885162;

    background:
        rgba(155, 101, 113, 0.1);
}

/* =========================================================
   ICON
========================================================= */

.qf-ai-problems__icon {
    width: 42px;
    height: 42px;

    margin-top: 17px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: var(--qf-aipb-primary);

    background: #efedff;

    border-radius: 12px;
}

.qf-ai-problems__icon svg {
    width: 21px;
    height: 21px;
}

/* =========================================================
   CARD COPY
========================================================= */

.qf-ai-problems__card h3 {
    margin: 15px 0 0;

    color: var(--qf-aipb-heading);

    font-size: 15px;
    font-weight: 660;
    line-height: 1.35;

    letter-spacing: -0.025em;
}

.qf-ai-problems__card > p {
    margin: 9px 0 0;

    color: var(--qf-aipb-text);

    font-size: 10.5px;
    line-height: 1.62;
}

/* =========================================================
   AUDIT SIGNAL
========================================================= */

.qf-ai-problems__signal {
    margin-top: 15px;
    padding: 12px 13px;

    display: grid;
    gap: 5px;

    background: #f8f9fc;

    border:
        1px solid #eaedf3;

    border-radius: 11px;
}

.qf-ai-problems__signal small {
    color: var(--qf-aipb-primary);

    font-size: 7.5px;
    font-weight: 730;

    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.qf-ai-problems__signal strong {
    color: #5d6677;

    font-size: 9.5px;
    font-weight: 560;
    line-height: 1.5;
}

/* =========================================================
   CORE PATTERN
========================================================= */

.qf-ai-problems__pattern {
    margin-top: 25px;

    padding: 30px;

    display: grid;
    grid-template-columns:
        54px minmax(0, 0.95fr)
        minmax(460px, 1.05fr);

    align-items: center;

    gap: 22px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 95% 10%,
            rgba(112, 76, 255, 0.25),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #10162c 0%,
            #171d38 58%,
            #2b2164 100%
        );

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

    border-radius: 22px;

    box-shadow:
        0 22px 55px rgba(16, 24, 40, 0.14);
}

.qf-ai-problems__pattern-icon {
    width: 54px;
    height: 54px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    background:
        rgba(112, 76, 255, 0.55);

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

    border-radius: 15px;
}

.qf-ai-problems__pattern-icon svg {
    width: 27px;
    height: 27px;
}

.qf-ai-problems__pattern-copy {
    min-width: 0;
}

.qf-ai-problems__pattern-copy small {
    color: #aaa2ff;

    font-size: 8px;
    font-weight: 730;

    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.qf-ai-problems__pattern-copy h3 {
    margin: 9px 0 0;

    color: #ffffff;

    font-size: 21px;
    font-weight: 670;
    line-height: 1.3;

    letter-spacing: -0.035em;
}

.qf-ai-problems__pattern-copy h3 span {
    display: block;

    color: #bcb4ff;
}

.qf-ai-problems__pattern-copy p {
    margin: 10px 0 0;

    color: rgba(255, 255, 255, 0.56);

    font-size: 10.5px;
    line-height: 1.6;
}

/* =========================================================
   PATTERN FLOW
========================================================= */

.qf-ai-problems__pattern-flow {
    min-width: 0;

    display: grid;
    grid-template-columns:
        auto 1fr auto 1fr auto 1fr auto;

    align-items: center;

    gap: 8px;
}

.qf-ai-problems__pattern-flow > div {
    min-width: 0;

    padding: 11px 10px;

    display: grid;
    justify-items: center;

    gap: 7px;

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

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

    border-radius: 11px;
}

.qf-ai-problems__pattern-flow div span {
    color: rgba(255, 255, 255, 0.66);

    font-size: 8px;
    font-weight: 560;

    text-align: center;
}

.qf-ai-problems__pattern-flow div b {
    width: 21px;
    height: 21px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #a9edca;

    background:
        rgba(75, 216, 143, 0.1);

    border-radius: 50%;

    font-size: 9px;
}

.qf-ai-problems__pattern-flow
div.is-warning b {
    color: #f0d28f;

    background:
        rgba(232, 189, 99, 0.1);
}

.qf-ai-problems__pattern-flow > i {
    position: relative;

    height: 1px;

    background:
        rgba(170, 160, 255, 0.36);
}

.qf-ai-problems__pattern-flow > i::after {
    content: "";

    position: absolute;

    top: 50%;
    right: 0;

    width: 5px;
    height: 5px;

    border-top:
        1px solid #aaa2ff;

    border-right:
        1px solid #aaa2ff;

    transform:
        translateY(-50%) rotate(45deg);
}

/* =========================================================
   BOTTOM TRANSITION
========================================================= */

.qf-ai-problems__bottom {
    margin-top: 24px;
    padding: 21px 23px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;

    background:
        linear-gradient(
            135deg,
            rgba(91, 75, 255, 0.055),
            rgba(112, 76, 255, 0.02)
        );

    border:
        1px solid rgba(91, 75, 255, 0.11);

    border-radius: 16px;
}

.qf-ai-problems__bottom > div {
    min-width: 0;

    display: grid;
    gap: 5px;
}

.qf-ai-problems__bottom small {
    color: var(--qf-aipb-primary);

    font-size: 8.5px;
    font-weight: 720;

    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.qf-ai-problems__bottom strong {
    color: var(--qf-aipb-dark);

    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.5;
}

.qf-ai-problems__bottom a,
.qf-ai-problems__bottom a:link,
.qf-ai-problems__bottom a:visited {
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;

    gap: 7px;

    color: var(--qf-aipb-primary) !important;

    font-size: 12px;
    font-weight: 650;

    text-decoration: none !important;
}

.qf-ai-problems__bottom a:hover,
.qf-ai-problems__bottom a:focus-visible {
    color: var(--qf-aipb-primary-dark) !important;
}

.qf-ai-problems__bottom svg {
    width: 15px;
    height: 15px;

    transition: transform 0.2s ease;
}

.qf-ai-problems__bottom a:hover svg {
    transform: translateX(3px);
}

/* =========================================================
   ELEMENTOR / WORDPRESS PROTECTION
========================================================= */

.elementor .qf-ai-problems a,
.elementor .qf-ai-problems a:link,
.elementor .qf-ai-problems a:visited {
    text-decoration: none !important;
}

.elementor
.qf-ai-problems
.qf-ai-problems__bottom a,
.elementor
.qf-ai-problems
.qf-ai-problems__bottom a:hover,
.elementor
.qf-ai-problems
.qf-ai-problems__bottom a:focus {
    color: var(--qf-aipb-primary) !important;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 940px) {

    .qf-ai-problems {
        padding: 90px 0;
    }

    .qf-ai-problems__container {
        width: min(calc(100% - 32px), 1280px);
    }

    .qf-ai-problems__pattern {
        grid-template-columns:
            54px minmax(0, 1fr);

        gap: 20px;
    }

    .qf-ai-problems__pattern-flow {
        grid-column: 1 / -1;

        margin-top: 8px;
    }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 620px) {

    .qf-ai-problems {
        padding: 72px 0;
    }

    .qf-ai-problems__container {
        width: min(calc(100% - 24px), 1280px);
    }

    .qf-ai-problems__intro h2 {
        font-size: 36px;
    }

    .qf-ai-problems__intro p {
        font-size: 15px;
    }

    .qf-ai-problems__diagnostic {
        padding: 18px;

        border-radius: 21px;
    }

    .qf-ai-problems__diagnostic-top {
        align-items: flex-start;
        flex-direction: column;

        gap: 12px;
    }

    .qf-ai-problems__grid {
        grid-template-columns: 1fr;
    }

    .qf-ai-problems__card {
        padding: 18px;
    }

    .qf-ai-problems__pattern {
        padding: 22px;

        grid-template-columns: 1fr;

        border-radius: 19px;
    }

    .qf-ai-problems__pattern-icon {
        width: 48px;
        height: 48px;
    }

    .qf-ai-problems__pattern-copy h3 {
        font-size: 19px;
    }

    .qf-ai-problems__pattern-flow {
        grid-template-columns: 1fr;

        gap: 7px;
    }

    .qf-ai-problems__pattern-flow > i {
        width: 1px;
        height: 15px;

        margin-inline: auto;
    }

    .qf-ai-problems__pattern-flow > i::after {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;

        transform:
            translateX(-50%) rotate(135deg);
    }

    .qf-ai-problems__bottom {
        align-items: flex-start;
        flex-direction: column;

        gap: 14px;
    }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 400px) {

    .qf-ai-problems__intro h2 {
        font-size: 33px;
    }

    .qf-ai-problems__card-top {
        align-items: flex-start;
        flex-direction: column;

        gap: 8px;
    }
}

/* =========================================================
   ACCESSIBILITY
========================================================= */

.qf-ai-problems a:focus-visible {
    outline:
        3px solid rgba(91, 75, 255, 0.24);

    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {

    .qf-ai-problems__card,
    .qf-ai-problems__bottom svg {
        transition: none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-21a5c2c *//* =========================================================
   QUICKFIXI — SECTION 8: AI OPTIMIZATION ROADMAP
========================================================= */

.qf-ai-roadmap {
    --qf-air-primary: #5b4bff;
    --qf-air-primary-dark: #4938ef;
    --qf-air-secondary: #704cff;

    --qf-air-heading: #101828;
    --qf-air-dark: #344054;
    --qf-air-text: #667085;
    --qf-air-muted: #8d96a6;

    --qf-air-border: #e4e8f1;
    --qf-air-soft: #f7f8ff;
    --qf-air-white: #ffffff;

    position: relative;
    overflow: hidden;

    padding: 80px 0;

    background:
        radial-gradient(
            circle at 95% 12%,
            rgba(91, 75, 255, 0.065),
            transparent 27%
        ),
        radial-gradient(
            circle at 5% 87%,
            rgba(61, 145, 255, 0.04),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #f8f9ff 0%,
            #ffffff 100%
        );

    font-family: "Geist", "DM Sans", Arial, sans-serif;
}

.qf-ai-roadmap,
.qf-ai-roadmap *,
.qf-ai-roadmap *::before,
.qf-ai-roadmap *::after {
    box-sizing: border-box;
}

.qf-ai-roadmap__container {
    width: min(calc(100% - 48px), 1280px);
    margin-inline: auto;
}

/* =========================================================
   INTRO
========================================================= */

.qf-ai-roadmap__intro {
    max-width: 860px;
    margin-inline: auto;
    text-align: center;
}

.qf-ai-roadmap__eyebrow {
    margin-bottom: 18px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    color: var(--qf-air-primary);

    font-size: 11px;
    font-weight: 730;
    line-height: 1;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.qf-ai-roadmap__eyebrow::before {
    content: "";

    width: 27px;
    height: 1px;

    background:
        rgba(91, 75, 255, 0.45);
}

.qf-ai-roadmap__intro h2 {
    margin: 0;

    color: var(--qf-air-heading);

    font-size: clamp(42px, 4.65vw, 62px);
    font-weight: 720;
    line-height: 1.08;

    letter-spacing: -0.052em;
}

.qf-ai-roadmap__intro h2 span {
    display: block;

    background:
        linear-gradient(
            90deg,
            var(--qf-air-primary),
            var(--qf-air-secondary)
        );

    -webkit-background-clip: text;
    background-clip: text;

    color: transparent;
}

.qf-ai-roadmap__intro p {
    max-width: 735px;

    margin: 23px auto 0;

    color: var(--qf-air-text);

    font-size: 16px;
    line-height: 1.75;
}

/* =========================================================
   WORKSPACE
========================================================= */

.qf-ai-roadmap__workspace {
    margin-top: 58px;
    padding: 28px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 95% 4%,
            rgba(112, 76, 255, 0.24),
            transparent 26%
        ),
        linear-gradient(
            145deg,
            #10162c 0%,
            #171d38 58%,
            #2b2164 100%
        );

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

    border-radius: 27px;

    box-shadow:
        0 28px 70px rgba(16, 24, 40, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

/* =========================================================
   WORKSPACE TOP
========================================================= */

.qf-ai-roadmap__workspace-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 24px;
}

.qf-ai-roadmap__workspace-top > div {
    display: flex;
    align-items: center;

    gap: 11px;
}

.qf-ai-roadmap__status-dot {
    width: 9px;
    height: 9px;

    flex: 0 0 9px;

    border-radius: 50%;

    background: #4bd88f;

    box-shadow:
        0 0 0 6px rgba(75, 216, 143, 0.1);
}

.qf-ai-roadmap__workspace-top > div > div {
    display: grid;
    gap: 4px;
}

.qf-ai-roadmap__workspace-top small {
    color: rgba(255, 255, 255, 0.47);

    font-size: 8.5px;
    font-weight: 720;

    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.qf-ai-roadmap__workspace-top strong {
    color: #ffffff;

    font-size: 16px;
    font-weight: 650;
}

.qf-ai-roadmap__badge {
    padding: 7px 10px;

    color: rgba(255, 255, 255, 0.7);

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

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

    border-radius: 999px;

    font-size: 8px;
    font-weight: 720;

    letter-spacing: 0.06em;
    text-transform: uppercase;
}

/* =========================================================
   ROADMAP TRACK
========================================================= */

.qf-ai-roadmap__track {
    margin-top: 24px;

    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        28px
        minmax(0, 1fr)
        28px
        minmax(0, 1fr)
        28px
        minmax(0, 1fr)
        28px
        minmax(0, 1fr)
        28px
        minmax(0, 1fr);

    align-items: stretch;
}

/* =========================================================
   PHASE CARD
========================================================= */

.qf-ai-roadmap__phase {
    min-width: 0;
    padding: 17px;

    display: flex;
    flex-direction: column;

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

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

    border-radius: 16px;

    transition:
        background-color 0.22s ease,
        border-color 0.22s ease,
        transform 0.22s ease,
        box-shadow 0.22s ease;
}

.qf-ai-roadmap__phase:hover {
    background:
        rgba(255, 255, 255, 0.085);

    border-color:
        rgba(169, 157, 255, 0.18);

    transform: translateY(-4px);

    box-shadow:
        0 14px 28px rgba(5, 7, 22, 0.15);
}

.qf-ai-roadmap__phase--ongoing {
    background:
        linear-gradient(
            145deg,
            rgba(91, 75, 255, 0.23),
            rgba(255, 255, 255, 0.06)
        );

    border-color:
        rgba(169, 157, 255, 0.17);
}

/* =========================================================
   PHASE TOP
========================================================= */

.qf-ai-roadmap__phase-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;
}

.qf-ai-roadmap__phase-number {
    color: rgba(255, 255, 255, 0.4);

    font-size: 8.5px;
    font-weight: 760;

    letter-spacing: 0.06em;
}

.qf-ai-roadmap__phase-type {
    padding: 6px 7px;

    color: #c1baff;

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

    border-radius: 999px;

    font-size: 7px;
    font-weight: 730;

    letter-spacing: 0.05em;
    text-transform: uppercase;
}

/* =========================================================
   PHASE ICON
========================================================= */

.qf-ai-roadmap__phase-icon {
    width: 39px;
    height: 39px;

    margin-top: 17px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #bbb4ff;

    background:
        rgba(112, 76, 255, 0.16);

    border:
        1px solid rgba(168, 157, 255, 0.11);

    border-radius: 11px;
}

.qf-ai-roadmap__phase-icon svg {
    width: 19px;
    height: 19px;
}

/* =========================================================
   PHASE CONTENT
========================================================= */

.qf-ai-roadmap__phase h3 {
    margin: 15px 0 0;

    color: #ffffff;

    font-size: 13.5px;
    font-weight: 650;
    line-height: 1.35;

    letter-spacing: -0.025em;
}

.qf-ai-roadmap__phase > p {
    margin: 8px 0 0;

    color: rgba(255, 255, 255, 0.55);

    font-size: 9.5px;
    line-height: 1.58;
}

.qf-ai-roadmap__phase ul {
    margin: 14px 0 0;
    padding: 13px 0 0;

    display: grid;
    gap: 7px;

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

    list-style: none;
}

.qf-ai-roadmap__phase li {
    position: relative;

    padding-left: 15px;

    color: rgba(255, 255, 255, 0.45);

    font-size: 8.5px;
    line-height: 1.45;
}

.qf-ai-roadmap__phase li::before {
    content: "";

    position: absolute;

    top: 5px;
    left: 0;

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: #8f82ff;
}

/* =========================================================
   OUTCOME
========================================================= */

.qf-ai-roadmap__outcome {
    margin-top: auto;
    padding-top: 15px;

    display: grid;
    gap: 4px;
}

.qf-ai-roadmap__outcome small {
    color: rgba(255, 255, 255, 0.36);

    font-size: 7px;
    font-weight: 700;

    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.qf-ai-roadmap__outcome strong {
    color: #ffffff;

    font-size: 9px;
    font-weight: 590;
}

/* =========================================================
   CONNECTORS
========================================================= */

.qf-ai-roadmap__connector {
    position: relative;
    align-self: center;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(143, 130, 255, 0.18),
            rgba(143, 130, 255, 0.58)
        );
}

.qf-ai-roadmap__connector::after {
    content: "";

    position: absolute;

    top: 50%;
    right: 0;

    width: 6px;
    height: 6px;

    border-top:
        1.5px solid #a89fff;

    border-right:
        1.5px solid #a89fff;

    transform:
        translateY(-50%) rotate(45deg);
}

/* =========================================================
   PRIORITY SECTION
========================================================= */

.qf-ai-roadmap__priority {
    margin-top: 24px;
    padding: 30px;

    display: grid;
    grid-template-columns:
        minmax(0, 0.78fr)
        minmax(500px, 1.22fr);

    align-items: center;

    gap: 55px;

    background:
        linear-gradient(
            135deg,
            #f5f3ff 0%,
            #ffffff 58%,
            #f8faff 100%
        );

    border:
        1px solid rgba(91, 75, 255, 0.11);

    border-radius: 22px;
}

.qf-ai-roadmap__priority-copy > span {
    color: var(--qf-air-primary);

    font-size: 8.5px;
    font-weight: 730;

    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.qf-ai-roadmap__priority-copy h3 {
    margin: 11px 0 0;

    color: var(--qf-air-heading);

    font-size: clamp(28px, 3vw, 39px);
    font-weight: 700;
    line-height: 1.15;

    letter-spacing: -0.045em;
}

.qf-ai-roadmap__priority-copy h3 span {
    display: block;

    color: var(--qf-air-primary);
}

.qf-ai-roadmap__priority-copy p {
    max-width: 540px;

    margin: 16px 0 0;

    color: var(--qf-air-text);

    font-size: 12.5px;
    line-height: 1.7;
}

/* =========================================================
   PRIORITY GRID
========================================================= */

.qf-ai-roadmap__priority-grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 10px;
}

.qf-ai-roadmap__priority-grid > div {
    min-width: 0;

    padding: 16px;

    display: grid;
    gap: 5px;

    background: #ffffff;

    border: 1px solid var(--qf-air-border);
    border-radius: 13px;

    box-shadow:
        0 8px 22px rgba(16, 24, 40, 0.035);
}

.qf-ai-roadmap__priority-grid small {
    color: var(--qf-air-primary);

    font-size: 7.5px;
    font-weight: 730;

    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.qf-ai-roadmap__priority-grid strong {
    color: var(--qf-air-heading);

    font-size: 12px;
    font-weight: 630;
}

.qf-ai-roadmap__priority-grid span {
    color: var(--qf-air-muted);

    font-size: 8.5px;
}

/* =========================================================
   PROCESS SUMMARY
========================================================= */

.qf-ai-roadmap__summary {
    margin-top: 18px;
    padding: 18px;

    display: grid;
    grid-template-columns:
        auto 1fr auto 1fr auto 1fr auto;

    align-items: center;

    gap: 11px;

    background: #ffffff;

    border:
        1px solid var(--qf-air-border);

    border-radius: 16px;

    box-shadow:
        0 10px 27px rgba(16, 24, 40, 0.04);
}

.qf-ai-roadmap__summary > div {
    min-width: 0;

    padding: 10px 12px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 13px;

    background: #f8f9fc;

    border-radius: 10px;
}

.qf-ai-roadmap__summary span {
    color: var(--qf-air-dark);

    font-size: 9px;
    font-weight: 560;
}

.qf-ai-roadmap__summary b {
    width: 23px;
    height: 23px;

    flex: 0 0 23px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: var(--qf-air-primary);

    background: #efedff;

    border-radius: 7px;

    font-size: 7.5px;
}

.qf-ai-roadmap__summary > i {
    position: relative;

    height: 1px;

    background:
        rgba(91, 75, 255, 0.24);
}

.qf-ai-roadmap__summary > i::after {
    content: "";

    position: absolute;
    top: 50%;
    right: 0;

    width: 5px;
    height: 5px;

    border-top:
        1px solid var(--qf-air-primary);

    border-right:
        1px solid var(--qf-air-primary);

    transform:
        translateY(-50%) rotate(45deg);
}

/* =========================================================
   BOTTOM CTA
========================================================= */

.qf-ai-roadmap__bottom {
    margin-top: 21px;
    padding: 21px 23px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;

    background:
        linear-gradient(
            135deg,
            rgba(91, 75, 255, 0.055),
            rgba(112, 76, 255, 0.02)
        );

    border:
        1px solid rgba(91, 75, 255, 0.11);

    border-radius: 16px;
}

.qf-ai-roadmap__bottom > div {
    min-width: 0;

    display: grid;
    gap: 5px;
}

.qf-ai-roadmap__bottom small {
    color: var(--qf-air-primary);

    font-size: 8.5px;
    font-weight: 720;

    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.qf-ai-roadmap__bottom strong {
    color: var(--qf-air-dark);

    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.5;
}

.qf-ai-roadmap__bottom a,
.qf-ai-roadmap__bottom a:link,
.qf-ai-roadmap__bottom a:visited {
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;

    gap: 7px;

    color: var(--qf-air-primary) !important;

    font-size: 12px;
    font-weight: 650;

    text-decoration: none !important;
}

.qf-ai-roadmap__bottom a:hover,
.qf-ai-roadmap__bottom a:focus-visible {
    color: var(--qf-air-primary-dark) !important;
}

.qf-ai-roadmap__bottom svg {
    width: 15px;
    height: 15px;

    transition: transform 0.2s ease;
}

.qf-ai-roadmap__bottom a:hover svg {
    transform: translateX(3px);
}

/* =========================================================
   ELEMENTOR / WORDPRESS PROTECTION
========================================================= */

.elementor .qf-ai-roadmap a,
.elementor .qf-ai-roadmap a:link,
.elementor .qf-ai-roadmap a:visited {
    text-decoration: none !important;
}

.elementor
.qf-ai-roadmap
.qf-ai-roadmap__bottom a,
.elementor
.qf-ai-roadmap
.qf-ai-roadmap__bottom a:hover,
.elementor
.qf-ai-roadmap
.qf-ai-roadmap__bottom a:focus {
    color: var(--qf-air-primary) !important;
}

/* =========================================================
   LAPTOP
========================================================= */

@media (max-width: 1180px) {

    .qf-ai-roadmap__track {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));

        gap: 14px;
    }

    .qf-ai-roadmap__connector {
        display: none;
    }

    .qf-ai-roadmap__phase {
        min-height: 100%;
    }
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 940px) {

    .qf-ai-roadmap {
        padding: 90px 0;
    }

    .qf-ai-roadmap__container {
        width: min(calc(100% - 32px), 1280px);
    }

    .qf-ai-roadmap__workspace {
        padding: 22px;
    }

    .qf-ai-roadmap__track {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .qf-ai-roadmap__priority {
        grid-template-columns: 1fr;

        gap: 28px;
    }

    .qf-ai-roadmap__priority-copy {
        max-width: 700px;

        margin-inline: auto;

        text-align: center;
    }

    .qf-ai-roadmap__priority-copy p {
        margin-inline: auto;
    }

    .qf-ai-roadmap__priority-grid {
        max-width: 720px;
        width: 100%;

        margin-inline: auto;
    }

    .qf-ai-roadmap__summary {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 10px;
    }

    .qf-ai-roadmap__summary > i {
        display: none;
    }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 620px) {

    .qf-ai-roadmap {
        padding: 72px 0;
    }

    .qf-ai-roadmap__container {
        width: min(calc(100% - 24px), 1280px);
    }

    .qf-ai-roadmap__intro h2 {
        font-size: 36px;
    }

    .qf-ai-roadmap__intro p {
        font-size: 15px;
    }

    .qf-ai-roadmap__workspace {
        padding: 18px;

        border-radius: 21px;
    }

    .qf-ai-roadmap__workspace-top {
        align-items: flex-start;
        flex-direction: column;

        gap: 12px;
    }

    .qf-ai-roadmap__track {
        grid-template-columns: 1fr;

        gap: 12px;
    }

    .qf-ai-roadmap__phase {
        position: relative;

        padding-left: 21px;
    }

    .qf-ai-roadmap__phase::before {
        content: "";

        position: absolute;

        top: 18px;
        bottom: 18px;
        left: 0;

        width: 3px;

        border-radius: 0 3px 3px 0;

        background:
            linear-gradient(
                180deg,
                var(--qf-air-primary),
                var(--qf-air-secondary)
            );
    }

    .qf-ai-roadmap__priority {
        padding: 22px;

        border-radius: 19px;
    }

    .qf-ai-roadmap__priority-copy h3 {
        font-size: 30px;
    }

    .qf-ai-roadmap__priority-grid {
        grid-template-columns: 1fr;
    }

    .qf-ai-roadmap__summary {
        grid-template-columns: 1fr;
    }

    .qf-ai-roadmap__bottom {
        align-items: flex-start;
        flex-direction: column;

        gap: 14px;
    }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 400px) {

    .qf-ai-roadmap__intro h2 {
        font-size: 33px;
    }
}

/* =========================================================
   ACCESSIBILITY
========================================================= */

.qf-ai-roadmap a:focus-visible {
    outline:
        3px solid rgba(91, 75, 255, 0.24);

    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {

    .qf-ai-roadmap__phase,
    .qf-ai-roadmap__bottom svg {
        transition: none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1787953 *//* =========================================================
   QUICKFIXI — SECTION 9: SAMPLE REPORT V2
========================================================= */

.qf-ai-report-v2 {
    --qf-rp-primary: #5b4bff;
    --qf-rp-primary-dark: #4938ef;
    --qf-rp-secondary: #704cff;

    --qf-rp-heading: #101828;
    --qf-rp-dark: #344054;
    --qf-rp-text: #667085;
    --qf-rp-muted: #8d96a6;

    --qf-rp-border: #e4e8f1;
    --qf-rp-soft: #f7f8ff;
    --qf-rp-white: #ffffff;

    position: relative;
    overflow: hidden;

    padding: 80px 0;

    background:
        radial-gradient(
            circle at 95% 12%,
            rgba(91, 75, 255, 0.065),
            transparent 27%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8f9ff 100%
        );

    font-family: "Geist", "DM Sans", Arial, sans-serif;
}

.qf-ai-report-v2,
.qf-ai-report-v2 *,
.qf-ai-report-v2 *::before,
.qf-ai-report-v2 *::after {
    box-sizing: border-box;
}

.qf-ai-report-v2__container {
    width: min(calc(100% - 48px), 1280px);
    margin-inline: auto;
}

/* =========================================================
   INTRO
========================================================= */

.qf-ai-report-v2__intro {
    max-width: 850px;
    margin-inline: auto;

    text-align: center;
}

.qf-ai-report-v2__eyebrow {
    margin-bottom: 18px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    color: var(--qf-rp-primary);

    font-size: 11px;
    font-weight: 730;
    line-height: 1;

    letter-spacing: .12em;
    text-transform: uppercase;
}

.qf-ai-report-v2__eyebrow::before {
    content: "";

    width: 27px;
    height: 1px;

    background:
        rgba(91, 75, 255, .45);
}

.qf-ai-report-v2__intro h2 {
    margin: 0;

    color: var(--qf-rp-heading);

    font-size: clamp(42px, 4.65vw, 62px);
    font-weight: 720;
    line-height: 1.08;

    letter-spacing: -.052em;
}

.qf-ai-report-v2__intro h2 span {
    display: block;

    background:
        linear-gradient(
            90deg,
            var(--qf-rp-primary),
            var(--qf-rp-secondary)
        );

    -webkit-background-clip: text;
    background-clip: text;

    color: transparent;
}

.qf-ai-report-v2__intro p {
    max-width: 730px;

    margin: 23px auto 0;

    color: var(--qf-rp-text);

    font-size: 16px;
    line-height: 1.75;
}

/* =========================================================
   DOCUMENT
========================================================= */

.qf-ai-report-v2__document {
    margin-top: 58px;

    overflow: hidden;

    background: #ffffff;

    border:
        1px solid var(--qf-rp-border);

    border-radius: 26px;

    box-shadow:
        0 28px 72px rgba(16, 24, 40, .1);
}

/* =========================================================
   REPORT HEADER
========================================================= */

.qf-ai-report-v2__header {
    padding: 21px 25px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;

    background:
        radial-gradient(
            circle at 95% 10%,
            rgba(112, 76, 255, .28),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #10162c,
            #171d38 58%,
            #2b2164
        );
}

.qf-ai-report-v2__brand {
    display: flex;
    align-items: center;

    gap: 11px;
}

.qf-ai-report-v2__brand-mark {
    width: 40px;
    height: 40px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            var(--qf-rp-primary),
            var(--qf-rp-secondary)
        );

    border-radius: 11px;

    font-size: 16px;
    font-weight: 760;
}

.qf-ai-report-v2__brand > div {
    display: grid;
    gap: 3px;
}

.qf-ai-report-v2__brand small,
.qf-ai-report-v2__header-meta small {
    color: rgba(255,255,255,.45);

    font-size: 8px;
    font-weight: 700;

    letter-spacing: .08em;
    text-transform: uppercase;
}

.qf-ai-report-v2__brand strong {
    color: #ffffff;

    font-size: 13px;
    font-weight: 650;
}

.qf-ai-report-v2__header-meta {
    display: flex;
    align-items: center;

    gap: 12px;
}

.qf-ai-report-v2__header-meta > span {
    padding: 7px 10px;

    color: #ffffff;

    background:
        rgba(255,255,255,.07);

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 999px;

    font-size: 8px;
    font-weight: 700;
}

/* =========================================================
   REPORT SECTIONS
========================================================= */

.qf-ai-report-v2__section {
    padding: 30px;

    border-bottom:
        1px solid var(--qf-rp-border);
}

.qf-ai-report-v2__section-heading {
    display: flex;
    align-items: center;

    gap: 13px;

    margin-bottom: 22px;
}

.qf-ai-report-v2__section-heading > span {
    width: 37px;
    height: 37px;

    flex: 0 0 37px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: var(--qf-rp-primary);

    background: #efedff;

    border-radius: 10px;

    font-size: 9px;
    font-weight: 750;
}

.qf-ai-report-v2__section-heading > div {
    display: grid;
    gap: 4px;
}

.qf-ai-report-v2__section-heading small {
    color: var(--qf-rp-primary);

    font-size: 8px;
    font-weight: 730;

    letter-spacing: .07em;
    text-transform: uppercase;
}

.qf-ai-report-v2__section-heading h3 {
    margin: 0;

    color: var(--qf-rp-heading);

    font-size: 21px;
    font-weight: 680;

    letter-spacing: -.035em;
}

/* =========================================================
   EXECUTIVE SUMMARY
========================================================= */

.qf-ai-report-v2__executive {
    display: grid;
    grid-template-columns:
        minmax(0, 1.2fr)
        minmax(300px, .8fr);

    gap: 16px;
}

.qf-ai-report-v2__score-card,
.qf-ai-report-v2__findings {
    padding: 22px;

    background: #f9faff;

    border:
        1px solid var(--qf-rp-border);

    border-radius: 17px;
}

.qf-ai-report-v2__score-card {
    display: grid;
    grid-template-columns:
        175px minmax(0, 1fr);

    align-items: center;

    gap: 24px;
}

/* Gauge */

.qf-ai-report-v2__gauge {
    position: relative;

    width: 170px;
    height: 170px;
}

.qf-ai-report-v2__gauge svg {
    width: 100%;
    height: 100%;

    transform: rotate(-90deg);
}

.qf-ai-report-v2__gauge circle {
    fill: none;
    stroke-width: 12;
}

.qf-ai-report-v2__gauge-track {
    stroke: #e9ebf3;
}

.qf-ai-report-v2__gauge-progress {
    stroke: var(--qf-rp-primary);

    stroke-linecap: round;

    stroke-dasharray: 434;
    stroke-dashoffset: 113;

    animation:
        qfReportGauge 1.4s ease both;
}

.qf-ai-report-v2__gauge-content {
    position: absolute;
    inset: 0;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.qf-ai-report-v2__gauge-content small {
    color: var(--qf-rp-muted);

    font-size: 7.5px;
    font-weight: 700;

    text-transform: uppercase;
    letter-spacing: .06em;
}

.qf-ai-report-v2__gauge-content > div {
    margin-top: 4px;

    display: flex;
    align-items: flex-end;
}

.qf-ai-report-v2__gauge-content strong {
    color: var(--qf-rp-heading);

    font-size: 43px;
    font-weight: 750;
    line-height: 1;
}

.qf-ai-report-v2__gauge-content span {
    margin-bottom: 5px;

    color: var(--qf-rp-muted);

    font-size: 9px;
}

.qf-ai-report-v2__gauge-content b {
    margin-top: 7px;

    padding: 5px 8px;

    color: #87641f;

    background:
        rgba(232,189,99,.13);

    border-radius: 999px;

    font-size: 7px;
}

/* Score copy */

.qf-ai-report-v2__score-copy small {
    color: var(--qf-rp-primary);

    font-size: 8px;
    font-weight: 730;

    letter-spacing: .06em;
    text-transform: uppercase;
}

.qf-ai-report-v2__score-copy h4 {
    margin: 9px 0 0;

    color: var(--qf-rp-heading);

    font-size: 19px;
    font-weight: 670;
    line-height: 1.35;

    letter-spacing: -.025em;
}

.qf-ai-report-v2__score-copy p {
    margin: 10px 0 0;

    color: var(--qf-rp-text);

    font-size: 11px;
    line-height: 1.65;
}

/* =========================================================
   FINDINGS
========================================================= */

.qf-ai-report-v2__mini-head {
    display: flex;
    justify-content: space-between;

    gap: 20px;

    margin-bottom: 11px;
}

.qf-ai-report-v2__mini-head small {
    color: var(--qf-rp-primary);

    font-size: 8px;
    font-weight: 730;

    text-transform: uppercase;
    letter-spacing: .06em;
}

.qf-ai-report-v2__mini-head > span {
    color: var(--qf-rp-muted);

    font-size: 8px;
}

.qf-ai-report-v2__finding {
    padding: 11px 0;

    display: grid;
    grid-template-columns:
        26px minmax(0, 1fr);

    gap: 9px;

    border-top:
        1px solid var(--qf-rp-border);
}

.qf-ai-report-v2__finding > span {
    width: 23px;
    height: 23px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    font-size: 9px;
    font-weight: 760;
}

.qf-ai-report-v2__finding .is-good {
    color: #25885d;

    background:
        rgba(75,216,143,.12);
}

.qf-ai-report-v2__finding .is-warning {
    color: #87641f;

    background:
        rgba(232,189,99,.12);
}

.qf-ai-report-v2__finding strong {
    color: var(--qf-rp-heading);

    font-size: 9.5px;
    font-weight: 620;
}

.qf-ai-report-v2__finding p {
    margin: 3px 0 0;

    color: var(--qf-rp-text);

    font-size: 8.5px;
    line-height: 1.45;
}

/* =========================================================
   PLATFORM VISIBILITY
========================================================= */

.qf-ai-report-v2__platforms {
    display: grid;
    gap: 11px;
}

.qf-ai-report-v2__platform-row {
    padding: 13px 14px;

    display: grid;
    grid-template-columns:
        minmax(180px, .8fr)
        minmax(200px, 1.4fr)
        45px;

    align-items: center;

    gap: 18px;

    background: #f8f9fc;

    border-radius: 11px;
}

.qf-ai-report-v2__platform-row > div {
    display: flex;
    align-items: center;

    gap: 10px;
}

.qf-ai-report-v2__platform-icon {
    width: 31px;
    height: 31px;

    flex: 0 0 31px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            var(--qf-rp-primary),
            var(--qf-rp-secondary)
        );

    border-radius: 8px;

    font-size: 8px;
    font-weight: 760;
}

.qf-ai-report-v2__platform-row strong {
    color: var(--qf-rp-dark);

    font-size: 10px;
    font-weight: 600;
}

.qf-ai-report-v2__platform-row > i,
.qf-ai-report-v2__competitor-chart > div > i {
    height: 8px;

    overflow: hidden;

    background: #e8eaf0;

    border-radius: 999px;
}

.qf-ai-report-v2__platform-row > i > b,
.qf-ai-report-v2__competitor-chart i > b {
    width: var(--value);
    height: 100%;

    display: block;

    background:
        linear-gradient(
            90deg,
            var(--qf-rp-primary),
            var(--qf-rp-secondary)
        );

    border-radius: inherit;
}

.qf-ai-report-v2__platform-row > span:last-child {
    color: var(--qf-rp-heading);

    font-size: 9px;
    font-weight: 650;

    text-align: right;
}

/* =========================================================
   COMPETITOR COMPARISON
========================================================= */

.qf-ai-report-v2__competitor-layout {
    display: grid;
    grid-template-columns:
        minmax(0, 1.3fr)
        minmax(260px, .7fr);

    gap: 16px;
}

.qf-ai-report-v2__competitor-chart {
    padding: 17px;

    display: grid;
    gap: 14px;

    background: #f8f9fc;

    border-radius: 13px;
}

.qf-ai-report-v2__competitor-chart > div {
    display: grid;
    grid-template-columns:
        145px minmax(0,1fr) 40px;

    align-items: center;

    gap: 12px;
}

.qf-ai-report-v2__competitor-name {
    display: flex;
    align-items: center;

    gap: 9px;
}

.qf-ai-report-v2__competitor-name > span {
    width: 27px;
    height: 27px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #697386;

    background: #e9ecf2;

    border-radius: 7px;

    font-size: 8px;
    font-weight: 700;
}

.qf-ai-report-v2__competitor-name strong {
    color: var(--qf-rp-dark);

    font-size: 9.5px;
}

.qf-ai-report-v2__competitor-chart > div > span:last-child {
    color: var(--qf-rp-heading);

    font-size: 9px;
    font-weight: 650;

    text-align: right;
}

.qf-ai-report-v2__competitor-chart .is-brand
.qf-ai-report-v2__competitor-name > span {
    color: #ffffff;

    background: var(--qf-rp-primary);
}

.qf-ai-report-v2__competitor-chart .is-brand
.qf-ai-report-v2__competitor-name strong,
.qf-ai-report-v2__competitor-chart .is-brand > span:last-child {
    color: var(--qf-rp-primary);
}

/* Opportunity */

.qf-ai-report-v2__opportunity {
    padding: 20px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    background:
        linear-gradient(
            135deg,
            #f1efff,
            #ffffff
        );

    border:
        1px solid rgba(91,75,255,.12);

    border-radius: 13px;
}

.qf-ai-report-v2__opportunity small {
    color: var(--qf-rp-primary);

    font-size: 8px;
    font-weight: 730;

    text-transform: uppercase;
    letter-spacing: .07em;
}

.qf-ai-report-v2__opportunity strong {
    margin-top: 10px;

    color: var(--qf-rp-heading);

    font-size: 25px;
    font-weight: 700;
}

.qf-ai-report-v2__opportunity p {
    margin: 9px 0 0;

    color: var(--qf-rp-text);

    font-size: 9.5px;
    line-height: 1.55;
}

/* =========================================================
   STATS
========================================================= */

.qf-ai-report-v2__stats {
    display: grid;
    grid-template-columns:
        repeat(4, minmax(0,1fr));

    gap: 11px;
}

.qf-ai-report-v2__stats > div {
    padding: 17px;

    display: grid;
    gap: 6px;

    background: #f8f9fc;

    border:
        1px solid #eceef3;

    border-radius: 12px;
}

.qf-ai-report-v2__stats small {
    color: var(--qf-rp-muted);

    font-size: 8px;
    font-weight: 650;
}

.qf-ai-report-v2__stats strong {
    color: var(--qf-rp-heading);

    font-size: 24px;
    font-weight: 700;
}

.qf-ai-report-v2__stats span {
    color: var(--qf-rp-primary);

    font-size: 8px;
    font-weight: 600;
}

/* =========================================================
   PRIORITY ACTIONS
========================================================= */

.qf-ai-report-v2__actions {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0,1fr));

    gap: 11px;
}

.qf-ai-report-v2__actions article {
    padding: 15px;

    display: grid;
    grid-template-columns:
        34px minmax(0,1fr) auto;

    align-items: start;

    gap: 11px;

    background: #f8f9fc;

    border-radius: 12px;
}

.qf-ai-report-v2__actions article > span {
    width: 34px;
    height: 34px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: var(--qf-rp-primary);

    background: #efedff;

    border-radius: 9px;

    font-size: 8px;
    font-weight: 750;
}

.qf-ai-report-v2__actions article > div small {
    color: var(--qf-rp-primary);

    font-size: 7px;
    font-weight: 730;

    text-transform: uppercase;
    letter-spacing: .06em;
}

.qf-ai-report-v2__actions h4 {
    margin: 5px 0 0;

    color: var(--qf-rp-heading);

    font-size: 11px;
    font-weight: 640;
}

.qf-ai-report-v2__actions p {
    margin: 5px 0 0;

    color: var(--qf-rp-text);

    font-size: 8.5px;
    line-height: 1.5;
}

.qf-ai-report-v2__actions article > b {
    padding: 6px 8px;

    color: var(--qf-rp-primary);

    background: #efedff;

    border-radius: 999px;

    font-size: 7px;
    font-weight: 700;
}

/* =========================================================
   ROADMAP
========================================================= */

.qf-ai-report-v2__roadmap {
    display: grid;
    grid-template-columns:
        minmax(0,1fr)
        45px
        minmax(0,1fr)
        45px
        minmax(0,1fr);

    align-items: center;
}

.qf-ai-report-v2__roadmap article {
    padding: 17px;

    background:
        linear-gradient(
            135deg,
            #f6f4ff,
            #ffffff
        );

    border:
        1px solid rgba(91,75,255,.11);

    border-radius: 13px;
}

.qf-ai-report-v2__roadmap article > span {
    color: var(--qf-rp-primary);

    font-size: 8px;
    font-weight: 730;

    text-transform: uppercase;
    letter-spacing: .06em;
}

.qf-ai-report-v2__roadmap strong {
    margin-top: 8px;

    display: block;

    color: var(--qf-rp-heading);

    font-size: 12px;
    font-weight: 650;
}

.qf-ai-report-v2__roadmap p {
    margin: 7px 0 0;

    color: var(--qf-rp-text);

    font-size: 8.5px;
    line-height: 1.5;
}

.qf-ai-report-v2__roadmap > i {
    position: relative;

    height: 1px;

    background:
        rgba(91,75,255,.24);
}

.qf-ai-report-v2__roadmap > i::after {
    content: "";

    position: absolute;

    top: 50%;
    right: 0;

    width: 6px;
    height: 6px;

    border-top:
        1px solid var(--qf-rp-primary);

    border-right:
        1px solid var(--qf-rp-primary);

    transform:
        translateY(-50%) rotate(45deg);
}

/* =========================================================
   REPORT FOOTER
========================================================= */

.qf-ai-report-v2__report-footer {
    padding: 17px 24px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;

    background: #f8f9fc;
}

.qf-ai-report-v2__report-footer > div {
    display: flex;
    align-items: flex-start;

    gap: 9px;
}

.qf-ai-report-v2__report-footer > div > span {
    width: 21px;
    height: 21px;

    flex: 0 0 21px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: var(--qf-rp-primary);

    background: #efedff;

    border-radius: 50%;

    font-size: 8px;
    font-weight: 750;
}

.qf-ai-report-v2__report-footer p {
    max-width: 760px;

    margin: 1px 0 0;

    color: var(--qf-rp-text);

    font-size: 9px;
    line-height: 1.55;
}

.qf-ai-report-v2__report-footer > span {
    color: var(--qf-rp-muted);

    font-size: 8px;
}

/* =========================================================
   BOTTOM CTA
========================================================= */

.qf-ai-report-v2__bottom {
    margin-top: 22px;
    padding: 21px 23px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;

    background:
        rgba(91,75,255,.05);

    border:
        1px solid rgba(91,75,255,.1);

    border-radius: 16px;
}

.qf-ai-report-v2__bottom > div {
    display: grid;
    gap: 5px;
}

.qf-ai-report-v2__bottom small {
    color: var(--qf-rp-primary);

    font-size: 8px;
    font-weight: 720;

    text-transform: uppercase;
    letter-spacing: .06em;
}

.qf-ai-report-v2__bottom strong {
    color: var(--qf-rp-dark);

    font-size: 12px;
    font-weight: 600;
}

.qf-ai-report-v2__bottom a,
.qf-ai-report-v2__bottom a:link,
.qf-ai-report-v2__bottom a:visited {
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;

    gap: 7px;

    color: var(--qf-rp-primary) !important;

    font-size: 12px;
    font-weight: 650;

    text-decoration: none !important;
}

.qf-ai-report-v2__bottom a:hover {
    color: var(--qf-rp-primary-dark) !important;
}

.qf-ai-report-v2__bottom svg {
    width: 15px;
    height: 15px;
}

/* =========================================================
   ELEMENTOR PROTECTION
========================================================= */

.elementor .qf-ai-report-v2 a,
.elementor .qf-ai-report-v2 a:link,
.elementor .qf-ai-report-v2 a:visited {
    text-decoration: none !important;
}

.elementor
.qf-ai-report-v2
.qf-ai-report-v2__bottom a,
.elementor
.qf-ai-report-v2
.qf-ai-report-v2__bottom a:hover {
    color: var(--qf-rp-primary) !important;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 940px) {

    .qf-ai-report-v2 {
        padding: 90px 0;
    }

    .qf-ai-report-v2__container {
        width: min(calc(100% - 32px), 1280px);
    }

    .qf-ai-report-v2__executive,
    .qf-ai-report-v2__competitor-layout {
        grid-template-columns: 1fr;
    }

    .qf-ai-report-v2__stats {
        grid-template-columns:
            repeat(2, minmax(0,1fr));
    }

    .qf-ai-report-v2__actions {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 620px) {

    .qf-ai-report-v2 {
        padding: 72px 0;
    }

    .qf-ai-report-v2__container {
        width: min(calc(100% - 24px), 1280px);
    }

    .qf-ai-report-v2__intro h2 {
        font-size: 36px;
    }

    .qf-ai-report-v2__intro p {
        font-size: 15px;
    }

    .qf-ai-report-v2__document {
        border-radius: 20px;
    }

    .qf-ai-report-v2__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .qf-ai-report-v2__section {
        padding: 22px 18px;
    }

    .qf-ai-report-v2__score-card {
        grid-template-columns: 1fr;

        justify-items: center;

        text-align: center;
    }

    .qf-ai-report-v2__platform-row {
        grid-template-columns:
            minmax(0,1fr)
            45px;

        gap: 10px;
    }

    .qf-ai-report-v2__platform-row > i {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .qf-ai-report-v2__platform-row > span:last-child {
        grid-column: 2;
        grid-row: 1;
    }

    .qf-ai-report-v2__competitor-chart > div {
        grid-template-columns:
            minmax(0,1fr)
            42px;
    }

    .qf-ai-report-v2__competitor-chart > div > i {
        grid-column: 1 / -1;
    }

    .qf-ai-report-v2__stats {
        grid-template-columns: 1fr;
    }

    .qf-ai-report-v2__actions article {
        grid-template-columns:
            34px minmax(0,1fr);
    }

    .qf-ai-report-v2__actions article > b {
        grid-column: 2;

        width: fit-content;
    }

    .qf-ai-report-v2__roadmap {
        grid-template-columns: 1fr;

        gap: 10px;
    }

    .qf-ai-report-v2__roadmap > i {
        width: 1px;
        height: 17px;

        margin-inline: auto;
    }

    .qf-ai-report-v2__roadmap > i::after {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;

        transform:
            translateX(-50%) rotate(135deg);
    }

    .qf-ai-report-v2__report-footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .qf-ai-report-v2__bottom {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 400px) {

    .qf-ai-report-v2__intro h2 {
        font-size: 33px;
    }

    .qf-ai-report-v2__section-heading h3 {
        font-size: 18px;
    }
}

/* =========================================================
   ANIMATION
========================================================= */

@keyframes qfReportGauge {

    from {
        stroke-dashoffset: 434;
    }

    to {
        stroke-dashoffset: 113;
    }
}

@media (prefers-reduced-motion: reduce) {

    .qf-ai-report-v2__gauge-progress {
        animation: none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4a7ab64 *//* =========================================================
   QUICKFIXI — SECTION 10: AI SEARCH AUDIT PRICING
========================================================= */

.qf-ai-pricing {
    --qf-aipr-primary: #5b4bff;
    --qf-aipr-primary-dark: #4938ef;
    --qf-aipr-secondary: #704cff;

    --qf-aipr-heading: #101828;
    --qf-aipr-dark: #344054;
    --qf-aipr-text: #667085;
    --qf-aipr-muted: #8d96a6;

    --qf-aipr-border: #e4e8f1;
    --qf-aipr-soft: #f7f8ff;
    --qf-aipr-white: #ffffff;

    position: relative;
    overflow: hidden;

    padding: 80px 0;

    background:
        radial-gradient(
            circle at 94% 10%,
            rgba(91, 75, 255, .07),
            transparent 27%
        ),
        radial-gradient(
            circle at 4% 90%,
            rgba(61, 145, 255, .04),
            transparent 24%
        ),
        linear-gradient(
            180deg,
            #f8f9ff 0%,
            #ffffff 100%
        );

    font-family: "Geist", "DM Sans", Arial, sans-serif;
}

.qf-ai-pricing,
.qf-ai-pricing *,
.qf-ai-pricing *::before,
.qf-ai-pricing *::after {
    box-sizing: border-box;
}

.qf-ai-pricing__container {
    width: min(calc(100% - 48px), 1280px);
    margin-inline: auto;
}

/* =========================================================
   INTRO
========================================================= */

.qf-ai-pricing__intro {
    max-width: 860px;

    margin-inline: auto;

    text-align: center;
}

.qf-ai-pricing__eyebrow {
    margin-bottom: 18px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    color: var(--qf-aipr-primary);

    font-size: 11px;
    font-weight: 730;
    line-height: 1;

    letter-spacing: .12em;
    text-transform: uppercase;
}

.qf-ai-pricing__eyebrow::before {
    content: "";

    width: 27px;
    height: 1px;

    background:
        rgba(91, 75, 255, .45);
}

.qf-ai-pricing__intro h2 {
    margin: 0;

    color: var(--qf-aipr-heading);

    font-size: clamp(42px, 4.65vw, 62px);
    font-weight: 720;
    line-height: 1.08;

    letter-spacing: -.052em;
}

.qf-ai-pricing__intro h2 span {
    display: block;

    background:
        linear-gradient(
            90deg,
            var(--qf-aipr-primary),
            var(--qf-aipr-secondary)
        );

    -webkit-background-clip: text;
    background-clip: text;

    color: transparent;
}

.qf-ai-pricing__intro p {
    max-width: 735px;

    margin: 23px auto 0;

    color: var(--qf-aipr-text);

    font-size: 16px;
    line-height: 1.75;
}

/* =========================================================
   PRICING GRID
========================================================= */

.qf-ai-pricing__grid {
    margin-top: 58px;

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

    align-items: stretch;

    gap: 18px;
}

/* =========================================================
   PRICE CARD
========================================================= */

.qf-ai-pricing__card {
    position: relative;

    min-width: 0;

    padding: 29px;

    display: flex;
    flex-direction: column;

    background: #ffffff;

    border:
        1px solid var(--qf-aipr-border);

    border-radius: 23px;

    box-shadow:
        0 16px 40px rgba(16, 24, 40, .06);

    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease;
}

.qf-ai-pricing__card:hover {
    transform: translateY(-5px);

    border-color:
        rgba(91, 75, 255, .19);

    box-shadow:
        0 23px 50px rgba(16, 24, 40, .09);
}

/* =========================================================
   FEATURED CARD
========================================================= */

.qf-ai-pricing__card--featured {
    color: #ffffff;

    background:
        radial-gradient(
            circle at 95% 5%,
            rgba(255, 255, 255, .12),
            transparent 27%
        ),
        linear-gradient(
            145deg,
            #5948f7,
            #6544eb 56%,
            #4834c8
        );

    border-color: transparent;

    box-shadow:
        0 28px 60px rgba(91, 75, 255, .24);

    transform: translateY(-12px);
}

.qf-ai-pricing__card--featured:hover {
    transform: translateY(-17px);

    border-color: transparent;

    box-shadow:
        0 32px 68px rgba(91, 75, 255, .3);
}

.qf-ai-pricing__popular {
    position: absolute;

    top: 17px;
    right: 18px;

    padding: 7px 10px;

    color: var(--qf-aipr-primary);

    background: #ffffff;

    border-radius: 999px;

    font-size: 8px;
    font-weight: 750;

    letter-spacing: .05em;
    text-transform: uppercase;

    box-shadow:
        0 8px 20px rgba(27, 18, 87, .15);
}

/* =========================================================
   CARD TOP
========================================================= */

.qf-ai-pricing__card-top {
    min-height: 176px;
}

.qf-ai-pricing__tier {
    color: var(--qf-aipr-primary);

    font-size: 8.5px;
    font-weight: 740;

    letter-spacing: .09em;
    text-transform: uppercase;
}

.qf-ai-pricing__card--featured
.qf-ai-pricing__tier {
    color: rgba(255, 255, 255, .67);
}

.qf-ai-pricing__card h3 {
    margin: 14px 0 0;

    color: var(--qf-aipr-heading);

    font-size: 24px;
    font-weight: 690;
    line-height: 1.25;

    letter-spacing: -.038em;
}

.qf-ai-pricing__card--featured h3 {
    color: #ffffff;
}

.qf-ai-pricing__card-top p {
    margin: 13px 0 0;

    color: var(--qf-aipr-text);

    font-size: 12px;
    line-height: 1.65;
}

.qf-ai-pricing__card--featured
.qf-ai-pricing__card-top p {
    color: rgba(255, 255, 255, .68);
}

/* =========================================================
   PRICE
========================================================= */

.qf-ai-pricing__price {
    margin-top: 21px;
}

.qf-ai-pricing__price > small {
    color: var(--qf-aipr-muted);

    font-size: 8px;
    font-weight: 650;
}

.qf-ai-pricing__card--featured
.qf-ai-pricing__price > small {
    color: rgba(255, 255, 255, .48);
}

.qf-ai-pricing__price > div {
    margin-top: 5px;

    display: flex;
    align-items: flex-end;

    gap: 7px;
}

.qf-ai-pricing__price strong {
    color: var(--qf-aipr-heading);

    font-size: 38px;
    font-weight: 730;
    line-height: 1;

    letter-spacing: -.045em;
}

.qf-ai-pricing__card--featured
.qf-ai-pricing__price strong {
    color: #ffffff;
}

.qf-ai-pricing__price span {
    margin-bottom: 4px;

    color: var(--qf-aipr-muted);

    font-size: 8.5px;
}

.qf-ai-pricing__card--featured
.qf-ai-pricing__price span {
    color: rgba(255, 255, 255, .5);
}

/* =========================================================
   DIVIDER
========================================================= */

.qf-ai-pricing__divider {
    height: 1px;

    margin: 22px 0;

    background:
        var(--qf-aipr-border);
}

.qf-ai-pricing__card--featured
.qf-ai-pricing__divider {
    background:
        rgba(255, 255, 255, .13);
}

/* =========================================================
   INCLUDES
========================================================= */

.qf-ai-pricing__includes > small {
    color: var(--qf-aipr-heading);

    font-size: 9px;
    font-weight: 680;

    letter-spacing: .02em;
}

.qf-ai-pricing__card--featured
.qf-ai-pricing__includes > small {
    color: #ffffff;
}

.qf-ai-pricing__includes ul {
    margin: 17px 0 0;
    padding: 0;

    display: grid;

    gap: 11px;

    list-style: none;
}

.qf-ai-pricing__includes li {
    display: grid;
    grid-template-columns:
        20px minmax(0, 1fr);

    align-items: start;

    gap: 9px;

    color: var(--qf-aipr-dark);

    font-size: 10.5px;
    line-height: 1.45;
}

.qf-ai-pricing__card--featured
.qf-ai-pricing__includes li {
    color: rgba(255, 255, 255, .82);
}

.qf-ai-pricing__includes li > span {
    width: 20px;
    height: 20px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: var(--qf-aipr-primary);

    background: #efedff;

    border-radius: 50%;

    font-size: 8px;
    font-weight: 780;
}

.qf-ai-pricing__card--featured
.qf-ai-pricing__includes li > span {
    color: #ffffff;

    background:
        rgba(255, 255, 255, .12);
}

/* =========================================================
   BEST FOR
========================================================= */

.qf-ai-pricing__best-for {
    margin-top: 23px;
    padding: 14px;

    background: #f8f9fc;

    border:
        1px solid #ebedf3;

    border-radius: 11px;
}

.qf-ai-pricing__card--featured
.qf-ai-pricing__best-for {
    background:
        rgba(255, 255, 255, .07);

    border-color:
        rgba(255, 255, 255, .1);
}

.qf-ai-pricing__best-for small {
    color: var(--qf-aipr-primary);

    font-size: 7.5px;
    font-weight: 740;

    letter-spacing: .06em;
    text-transform: uppercase;
}

.qf-ai-pricing__card--featured
.qf-ai-pricing__best-for small {
    color: #c7c1ff;
}

.qf-ai-pricing__best-for p {
    margin: 6px 0 0;

    color: var(--qf-aipr-text);

    font-size: 9.5px;
    line-height: 1.55;
}

.qf-ai-pricing__card--featured
.qf-ai-pricing__best-for p {
    color: rgba(255, 255, 255, .63);
}

/* =========================================================
   BUTTONS
========================================================= */

.qf-ai-pricing__button,
.qf-ai-pricing__button:link,
.qf-ai-pricing__button:visited {
    min-height: 51px;

    margin-top: 22px;

    padding: 0 18px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    border-radius: 13px;

    font-size: 12px;
    font-weight: 650;
    line-height: 1;

    text-decoration: none !important;

    transition:
        color .22s ease,
        background .22s ease,
        transform .22s ease,
        box-shadow .22s ease;
}

.qf-ai-pricing__button svg {
    width: 15px;
    height: 15px;

    transition:
        transform .22s ease;
}

.qf-ai-pricing__button:hover svg {
    transform: translateX(3px);
}

.qf-ai-pricing__button--secondary,
.qf-ai-pricing__button--secondary:visited {
    color: var(--qf-aipr-primary) !important;

    background: #f0eeff !important;

    border:
        1px solid rgba(91, 75, 255, .1);
}

.qf-ai-pricing__button--secondary:hover,
.qf-ai-pricing__button--secondary:focus-visible {
    color: var(--qf-aipr-primary-dark) !important;

    background: #e9e6ff !important;

    transform: translateY(-2px);
}

.qf-ai-pricing__button--primary,
.qf-ai-pricing__button--primary:visited {
    color: var(--qf-aipr-primary) !important;

    background: #ffffff !important;

    box-shadow:
        0 12px 26px rgba(30, 20, 101, .18);
}

.qf-ai-pricing__button--primary:hover,
.qf-ai-pricing__button--primary:focus-visible {
    color: var(--qf-aipr-primary-dark) !important;

    background: #f4f2ff !important;

    box-shadow:
        0 15px 30px rgba(30, 20, 101, .25);

    transform: translateY(-2px);
}

/* =========================================================
   INCLUDED WITH EVERY AUDIT
========================================================= */

.qf-ai-pricing__shared {
    margin-top: 43px;

    padding: 31px;

    display: grid;
    grid-template-columns:
        minmax(260px, .7fr)
        minmax(0, 1.3fr);

    align-items: center;

    gap: 55px;

    background:
        linear-gradient(
            135deg,
            #f4f2ff 0%,
            #ffffff 58%,
            #f9faff 100%
        );

    border:
        1px solid rgba(91, 75, 255, .11);

    border-radius: 22px;
}

.qf-ai-pricing__shared-copy > span {
    color: var(--qf-aipr-primary);

    font-size: 8.5px;
    font-weight: 740;

    letter-spacing: .08em;
    text-transform: uppercase;
}

.qf-ai-pricing__shared-copy h3 {
    margin: 12px 0 0;

    color: var(--qf-aipr-heading);

    font-size: clamp(28px, 3vw, 39px);
    font-weight: 700;
    line-height: 1.15;

    letter-spacing: -.045em;
}

.qf-ai-pricing__shared-copy h3 strong {
    display: block;

    color: var(--qf-aipr-primary);

    font-weight: inherit;
}

.qf-ai-pricing__shared-grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 10px;
}

.qf-ai-pricing__shared-grid > div {
    padding: 16px;

    background: #ffffff;

    border:
        1px solid var(--qf-aipr-border);

    border-radius: 13px;

    box-shadow:
        0 8px 22px rgba(16, 24, 40, .035);
}

.qf-ai-pricing__shared-grid > div > span {
    color: var(--qf-aipr-primary);

    font-size: 8px;
    font-weight: 750;
}

.qf-ai-pricing__shared-grid strong {
    margin-top: 10px;

    display: block;

    color: var(--qf-aipr-heading);

    font-size: 11.5px;
    font-weight: 640;
}

.qf-ai-pricing__shared-grid p {
    margin: 6px 0 0;

    color: var(--qf-aipr-text);

    font-size: 9px;
    line-height: 1.55;
}

/* =========================================================
   IMPORTANT NOTE
========================================================= */

.qf-ai-pricing__note {
    margin-top: 18px;

    padding: 19px 21px;

    display: grid;
    grid-template-columns:
        37px minmax(0, 1fr);

    align-items: start;

    gap: 12px;

    background: #ffffff;

    border:
        1px solid var(--qf-aipr-border);

    border-radius: 15px;
}

.qf-ai-pricing__note-icon {
    width: 37px;
    height: 37px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: var(--qf-aipr-primary);

    background: #efedff;

    border-radius: 10px;
}

.qf-ai-pricing__note-icon svg {
    width: 19px;
    height: 19px;
}

.qf-ai-pricing__note > div {
    min-width: 0;
}

.qf-ai-pricing__note small {
    color: var(--qf-aipr-heading);

    font-size: 9px;
    font-weight: 680;
}

.qf-ai-pricing__note p {
    max-width: 1000px;

    margin: 6px 0 0;

    color: var(--qf-aipr-text);

    font-size: 10px;
    line-height: 1.6;
}

/* =========================================================
   SEO AUDIT CROSS LINK
========================================================= */

.qf-ai-pricing__seo {
    margin-top: 18px;

    padding: 21px 23px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;

    background:
        radial-gradient(
            circle at 95% 10%,
            rgba(112, 76, 255, .22),
            transparent 29%
        ),
        linear-gradient(
            145deg,
            #10162c,
            #171d38 58%,
            #2b2164
        );

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

    border-radius: 17px;
}

.qf-ai-pricing__seo > div {
    display: grid;
    gap: 5px;
}

.qf-ai-pricing__seo small {
    color: #aaa2ff;

    font-size: 8px;
    font-weight: 720;

    letter-spacing: .07em;
    text-transform: uppercase;
}

.qf-ai-pricing__seo strong {
    color: #ffffff;

    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
}

.qf-ai-pricing__seo a,
.qf-ai-pricing__seo a:link,
.qf-ai-pricing__seo a:visited {
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;

    gap: 7px;

    color: #ffffff !important;

    font-size: 11.5px;
    font-weight: 650;

    text-decoration: none !important;
}

.qf-ai-pricing__seo a:hover,
.qf-ai-pricing__seo a:focus-visible {
    color: #ffffff !important;
}

.qf-ai-pricing__seo svg {
    width: 15px;
    height: 15px;

    transition:
        transform .2s ease;
}

.qf-ai-pricing__seo a:hover svg {
    transform: translateX(3px);
}

/* =========================================================
   ELEMENTOR / WORDPRESS PROTECTION
========================================================= */

.elementor .qf-ai-pricing a,
.elementor .qf-ai-pricing a:link,
.elementor .qf-ai-pricing a:visited {
    text-decoration: none !important;
}

.elementor
.qf-ai-pricing
.qf-ai-pricing__button--primary,
.elementor
.qf-ai-pricing
.qf-ai-pricing__button--primary:hover {
    color: var(--qf-aipr-primary) !important;
}

.elementor
.qf-ai-pricing
.qf-ai-pricing__seo a,
.elementor
.qf-ai-pricing
.qf-ai-pricing__seo a:hover {
    color: #ffffff !important;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 940px) {

    .qf-ai-pricing {
        padding: 90px 0;
    }

    .qf-ai-pricing__container {
        width: min(calc(100% - 32px), 1280px);
    }

    .qf-ai-pricing__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .qf-ai-pricing__card--featured {
        transform: none;
    }

    .qf-ai-pricing__card--featured:hover {
        transform: translateY(-5px);
    }

    .qf-ai-pricing__grid
    .qf-ai-pricing__card:last-child {
        grid-column: 1 / -1;

        max-width: 620px;

        width: 100%;

        margin-inline: auto;
    }

    .qf-ai-pricing__shared {
        grid-template-columns: 1fr;

        gap: 28px;
    }

    .qf-ai-pricing__shared-copy {
        max-width: 720px;

        margin-inline: auto;

        text-align: center;
    }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 620px) {

    .qf-ai-pricing {
        padding: 72px 0;
    }

    .qf-ai-pricing__container {
        width: min(calc(100% - 24px), 1280px);
    }

    .qf-ai-pricing__intro h2 {
        font-size: 36px;
    }

    .qf-ai-pricing__intro p {
        font-size: 15px;
    }

    .qf-ai-pricing__grid {
        grid-template-columns: 1fr;
    }

    .qf-ai-pricing__grid
    .qf-ai-pricing__card:last-child {
        grid-column: auto;

        max-width: none;
    }

    .qf-ai-pricing__card {
        padding: 23px;

        border-radius: 20px;
    }

    .qf-ai-pricing__card-top {
        min-height: auto;
    }

    .qf-ai-pricing__popular {
        position: static;

        width: fit-content;

        margin-bottom: 15px;
    }

    .qf-ai-pricing__shared {
        padding: 22px;

        border-radius: 19px;
    }

    .qf-ai-pricing__shared-copy h3 {
        font-size: 30px;
    }

    .qf-ai-pricing__shared-grid {
        grid-template-columns: 1fr;
    }

    .qf-ai-pricing__seo {
        align-items: flex-start;
        flex-direction: column;

        gap: 15px;
    }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 400px) {

    .qf-ai-pricing__intro h2 {
        font-size: 33px;
    }

    .qf-ai-pricing__price strong {
        font-size: 34px;
    }
}

/* =========================================================
   ACCESSIBILITY
========================================================= */

.qf-ai-pricing a:focus-visible {
    outline:
        3px solid rgba(91, 75, 255, .25);

    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {

    .qf-ai-pricing__card,
    .qf-ai-pricing__button,
    .qf-ai-pricing__button svg,
    .qf-ai-pricing__seo svg {
        transition: none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d5d844c *//* =========================================================
   QUICKFIXI — SECTION 11: AI SEARCH AUDIT FAQ
========================================================= */

.qf-ai-faq {
    --qf-faq-primary: #5b4bff;
    --qf-faq-primary-dark: #4938ef;
    --qf-faq-secondary: #704cff;

    --qf-faq-heading: #101828;
    --qf-faq-dark: #344054;
    --qf-faq-text: #667085;
    --qf-faq-muted: #8d96a6;

    --qf-faq-border: #e4e8f1;
    --qf-faq-soft: #f7f8ff;

    position: relative;
    overflow: hidden;

    padding: 80px 0;

    background:
        radial-gradient(
            circle at 95% 12%,
            rgba(91, 75, 255, .06),
            transparent 27%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8f9ff 100%
        );

    font-family: "Geist", "DM Sans", Arial, sans-serif;
}

.qf-ai-faq,
.qf-ai-faq *,
.qf-ai-faq *::before,
.qf-ai-faq *::after {
    box-sizing: border-box;
}

.qf-ai-faq__container {
    width: min(calc(100% - 48px), 1280px);
    margin-inline: auto;
}

/* =========================================================
   INTRO
========================================================= */

.qf-ai-faq__intro {
    max-width: 830px;
    margin-inline: auto;
    text-align: center;
}

.qf-ai-faq__eyebrow {
    margin-bottom: 18px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    color: var(--qf-faq-primary);

    font-size: 11px;
    font-weight: 730;
    line-height: 1;

    letter-spacing: .12em;
    text-transform: uppercase;
}

.qf-ai-faq__eyebrow::before {
    content: "";

    width: 27px;
    height: 1px;

    background:
        rgba(91, 75, 255, .45);
}

.qf-ai-faq__intro h2 {
    margin: 0;

    color: var(--qf-faq-heading);

    font-size: clamp(42px, 4.65vw, 62px);
    font-weight: 720;
    line-height: 1.08;

    letter-spacing: -.052em;
}

.qf-ai-faq__intro h2 span {
    display: block;

    background:
        linear-gradient(
            90deg,
            var(--qf-faq-primary),
            var(--qf-faq-secondary)
        );

    -webkit-background-clip: text;
    background-clip: text;

    color: transparent;
}

.qf-ai-faq__intro p {
    max-width: 720px;

    margin: 23px auto 0;

    color: var(--qf-faq-text);

    font-size: 16px;
    line-height: 1.75;
}

/* =========================================================
   LAYOUT
========================================================= */

.qf-ai-faq__layout {
    margin-top: 58px;

    display: grid;
    grid-template-columns:
        minmax(300px, .65fr)
        minmax(0, 1.35fr);

    align-items: start;

    gap: 24px;
}

/* =========================================================
   LEFT GUIDE
========================================================= */

.qf-ai-faq__guide {
    position: sticky;
    top: 24px;

    padding: 30px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 90% 5%,
            rgba(112, 76, 255, .28),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #10162c 0%,
            #171d38 58%,
            #2b2164 100%
        );

    border:
        1px solid rgba(255,255,255,.11);

    border-radius: 23px;

    box-shadow:
        0 24px 58px rgba(16,24,40,.14);
}

.qf-ai-faq__guide-icon {
    width: 48px;
    height: 48px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            var(--qf-faq-primary),
            var(--qf-faq-secondary)
        );

    border-radius: 14px;

    box-shadow:
        0 12px 25px rgba(36, 24, 120, .27);
}

.qf-ai-faq__guide-icon svg {
    width: 24px;
    height: 24px;
}

.qf-ai-faq__guide > span {
    margin-top: 24px;

    display: block;

    color: #aaa2ff;

    font-size: 8.5px;
    font-weight: 730;

    letter-spacing: .08em;
    text-transform: uppercase;
}

.qf-ai-faq__guide h3 {
    margin: 12px 0 0;

    color: #ffffff;

    font-size: 26px;
    font-weight: 680;
    line-height: 1.24;

    letter-spacing: -.04em;
}

.qf-ai-faq__guide > p {
    margin: 15px 0 0;

    color: rgba(255,255,255,.6);

    font-size: 12px;
    line-height: 1.7;
}

/* Guide points */

.qf-ai-faq__guide-points {
    margin-top: 23px;

    display: grid;
    gap: 9px;
}

.qf-ai-faq__guide-points > div {
    padding: 11px 12px;

    display: grid;
    grid-template-columns:
        27px minmax(0,1fr);

    align-items: center;

    gap: 9px;

    background:
        rgba(255,255,255,.055);

    border:
        1px solid rgba(255,255,255,.07);

    border-radius: 10px;
}

.qf-ai-faq__guide-points span {
    width: 27px;
    height: 27px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #c3bcff;

    background:
        rgba(112,76,255,.17);

    border-radius: 8px;

    font-size: 7px;
    font-weight: 750;
}

.qf-ai-faq__guide-points strong {
    color: rgba(255,255,255,.82);

    font-size: 9.5px;
    font-weight: 580;
}

/* Guide CTA */

.qf-ai-faq__guide > a,
.qf-ai-faq__guide > a:link,
.qf-ai-faq__guide > a:visited {
    min-height: 48px;

    margin-top: 24px;
    padding: 0 17px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    color: var(--qf-faq-primary) !important;

    background: #ffffff !important;

    border-radius: 12px;

    font-size: 11.5px;
    font-weight: 650;

    text-decoration: none !important;
}

.qf-ai-faq__guide > a:hover,
.qf-ai-faq__guide > a:focus-visible {
    color: var(--qf-faq-primary-dark) !important;

    background: #f3f1ff !important;
}

.qf-ai-faq__guide > a svg {
    width: 15px;
    height: 15px;
}

/* =========================================================
   FAQ LIST
========================================================= */

.qf-ai-faq__list {
    min-width: 0;

    display: grid;
    gap: 11px;
}

/* =========================================================
   FAQ ITEM
========================================================= */

.qf-ai-faq__item {
    overflow: hidden;

    background: #ffffff;

    border:
        1px solid var(--qf-faq-border);

    border-radius: 16px;

    box-shadow:
        0 8px 24px rgba(16,24,40,.035);

    transition:
        border-color .22s ease,
        box-shadow .22s ease,
        transform .22s ease;
}

.qf-ai-faq__item:hover {
    border-color:
        rgba(91,75,255,.17);
}

.qf-ai-faq__item[open] {
    border-color:
        rgba(91,75,255,.21);

    box-shadow:
        0 15px 34px rgba(16,24,40,.065);
}

/* =========================================================
   SUMMARY
========================================================= */

.qf-ai-faq__item summary {
    min-height: 76px;

    padding: 15px 18px;

    display: grid;
    grid-template-columns:
        38px minmax(0,1fr) 37px;

    align-items: center;

    gap: 13px;

    cursor: pointer;

    list-style: none;
}

.qf-ai-faq__item summary::-webkit-details-marker {
    display: none;
}

.qf-ai-faq__number {
    width: 38px;
    height: 38px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: var(--qf-faq-primary);

    background: #efedff;

    border-radius: 10px;

    font-size: 8px;
    font-weight: 760;
}

.qf-ai-faq__item summary > strong {
    color: var(--qf-faq-heading);

    font-size: 14px;
    font-weight: 630;
    line-height: 1.45;

    letter-spacing: -.018em;
}

.qf-ai-faq__toggle {
    width: 37px;
    height: 37px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: var(--qf-faq-primary);

    background: #f5f3ff;

    border:
        1px solid rgba(91,75,255,.1);

    border-radius: 10px;

    transition:
        transform .25s ease,
        color .2s ease,
        background .2s ease;
}

.qf-ai-faq__toggle svg {
    width: 17px;
    height: 17px;
}

.qf-ai-faq__item[open]
.qf-ai-faq__toggle {
    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            var(--qf-faq-primary),
            var(--qf-faq-secondary)
        );

    transform: rotate(180deg);
}

/* =========================================================
   ANSWER
========================================================= */

.qf-ai-faq__answer {
    margin: 0 18px;

    padding:
        0 55px 19px 51px;

    border-top:
        1px solid #eceef3;
}

.qf-ai-faq__answer p {
    max-width: 760px;

    margin: 17px 0 0;

    color: var(--qf-faq-text);

    font-size: 12.5px;
    line-height: 1.72;
}

.qf-ai-faq__answer a,
.qf-ai-faq__answer a:link,
.qf-ai-faq__answer a:visited {
    margin-top: 13px;

    display: inline-flex;
    align-items: center;

    gap: 6px;

    color: var(--qf-faq-primary) !important;

    font-size: 11px;
    font-weight: 650;

    text-decoration: none !important;
}

.qf-ai-faq__answer a:hover,
.qf-ai-faq__answer a:focus-visible {
    color: var(--qf-faq-primary-dark) !important;
}

/* =========================================================
   ELEMENTOR PROTECTION
========================================================= */

.elementor .qf-ai-faq a,
.elementor .qf-ai-faq a:link,
.elementor .qf-ai-faq a:visited {
    text-decoration: none !important;
}

.elementor
.qf-ai-faq
.qf-ai-faq__guide > a,
.elementor
.qf-ai-faq
.qf-ai-faq__guide > a:hover {
    color: var(--qf-faq-primary) !important;
}

.elementor
.qf-ai-faq
.qf-ai-faq__answer a,
.elementor
.qf-ai-faq
.qf-ai-faq__answer a:hover {
    color: var(--qf-faq-primary) !important;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 940px) {

    .qf-ai-faq {
        padding: 90px 0;
    }

    .qf-ai-faq__container {
        width:
            min(calc(100% - 32px), 1280px);
    }

    .qf-ai-faq__layout {
        grid-template-columns:
            minmax(250px,.58fr)
            minmax(0,1.42fr);

        gap: 18px;
    }

    .qf-ai-faq__guide {
        padding: 24px;
    }

    .qf-ai-faq__guide h3 {
        font-size: 23px;
    }

    .qf-ai-faq__answer {
        padding-right: 30px;
    }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .qf-ai-faq {
        padding: 72px 0;
    }

    .qf-ai-faq__container {
        width:
            min(calc(100% - 24px), 1280px);
    }

    .qf-ai-faq__intro h2 {
        font-size: 36px;
    }

    .qf-ai-faq__intro p {
        font-size: 15px;
    }

    .qf-ai-faq__layout {
        grid-template-columns: 1fr;

        gap: 18px;
    }

    /*
       Important mobile change:
       guide no longer sticks.
    */

    .qf-ai-faq__guide {
        position: static;

        padding: 22px;

        border-radius: 19px;
    }

    .qf-ai-faq__guide h3 {
        font-size: 22px;
    }

    .qf-ai-faq__guide > a {
        width: 100%;
    }

    /*
       Mobile FAQ:
       answer immediately beneath question.
    */

    .qf-ai-faq__item {
        border-radius: 14px;
    }

    .qf-ai-faq__item summary {
        min-height: 66px;

        padding: 12px 13px;

        grid-template-columns:
            32px minmax(0,1fr) 34px;

        gap: 10px;
    }

    .qf-ai-faq__number {
        width: 32px;
        height: 32px;

        border-radius: 9px;

        font-size: 7.5px;
    }

    .qf-ai-faq__item summary > strong {
        font-size: 13px;
        line-height: 1.4;
    }

    .qf-ai-faq__toggle {
        width: 34px;
        height: 34px;
    }

    .qf-ai-faq__answer {
        margin: 0 13px;

        padding:
            0 4px 16px 42px;
    }

    .qf-ai-faq__answer p {
        margin-top: 14px;

        font-size: 12px;
        line-height: 1.65;
    }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    .qf-ai-faq__intro h2 {
        font-size: 33px;
    }

    .qf-ai-faq__item summary {
        grid-template-columns:
            minmax(0,1fr) 34px;
    }

    /*
       Remove numbers on narrow phones
       so questions get more width.
    */

    .qf-ai-faq__number {
        display: none;
    }

    .qf-ai-faq__answer {
        padding-left: 4px;
    }

    .qf-ai-faq__guide-points > div {
        grid-template-columns:
            27px minmax(0,1fr);
    }
}

/* =========================================================
   ACCESSIBILITY
========================================================= */

.qf-ai-faq summary:focus-visible,
.qf-ai-faq a:focus-visible {
    outline:
        3px solid rgba(91,75,255,.25);

    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {

    .qf-ai-faq__item,
    .qf-ai-faq__toggle {
        transition: none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3e00284 *//* =========================================================
   QUICKFIXI — SECTION 12: FINAL CTA + SEO CROSS-LINK
========================================================= */

.qf-ai-final {
    --qf-final-primary: #5b4bff;
    --qf-final-primary-dark: #4938ef;
    --qf-final-secondary: #704cff;

    --qf-final-heading: #101828;
    --qf-final-dark: #344054;
    --qf-final-text: #667085;
    --qf-final-muted: #8d96a6;

    --qf-final-border: #e4e8f1;

    position: relative;
    overflow: hidden;

    padding: 80px 0;

    background:
        linear-gradient(
            180deg,
            #f8f9ff 0%,
            #ffffff 100%
        );

    font-family: "Geist", "DM Sans", Arial, sans-serif;
}

.qf-ai-final,
.qf-ai-final *,
.qf-ai-final *::before,
.qf-ai-final *::after {
    box-sizing: border-box;
}

.qf-ai-final__container {
    width: min(calc(100% - 48px), 1280px);
    margin-inline: auto;
}

/* =========================================================
   MAIN PANEL
========================================================= */

.qf-ai-final__panel {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    padding: 58px;

    display: grid;
    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(380px, .78fr);

    align-items: center;

    gap: clamp(50px, 6vw, 90px);

    background:
        radial-gradient(
            circle at 92% 12%,
            rgba(112, 76, 255, .35),
            transparent 29%
        ),
        radial-gradient(
            circle at 8% 90%,
            rgba(91, 75, 255, .18),
            transparent 28%
        ),
        linear-gradient(
            145deg,
            #0f1428 0%,
            #171d38 56%,
            #2c2168 100%
        );

    border:
        1px solid rgba(255, 255, 255, .12);

    border-radius: 29px;

    box-shadow:
        0 34px 80px rgba(16, 24, 40, .18),
        inset 0 1px 0 rgba(255,255,255,.1);
}

/* =========================================================
   GLOWS
========================================================= */

.qf-ai-final__glow {
    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    z-index: -1;
}

.qf-ai-final__glow--one {
    top: -170px;
    right: -110px;

    width: 420px;
    height: 420px;

    background:
        rgba(112, 76, 255, .11);
}

.qf-ai-final__glow--two {
    left: -150px;
    bottom: -210px;

    width: 430px;
    height: 430px;

    background:
        rgba(91, 75, 255, .08);
}

/* =========================================================
   CONTENT
========================================================= */

.qf-ai-final__content {
    position: relative;
    z-index: 2;

    min-width: 0;
}

.qf-ai-final__eyebrow {
    margin-bottom: 18px;

    display: inline-flex;
    align-items: center;

    gap: 9px;

    color: #aaa2ff;

    font-size: 10px;
    font-weight: 730;

    letter-spacing: .11em;
    text-transform: uppercase;
}

.qf-ai-final__eyebrow::before {
    content: "";

    width: 28px;
    height: 1px;

    background:
        rgba(170, 162, 255, .55);
}

.qf-ai-final__content h2 {
    max-width: 700px;

    margin: 0;

    color: #ffffff;

    font-size: clamp(44px, 4.9vw, 64px);
    font-weight: 720;
    line-height: 1.05;

    letter-spacing: -.055em;
}

.qf-ai-final__content h2 span {
    display: block;

    background:
        linear-gradient(
            90deg,
            #ffffff,
            #bdb5ff
        );

    -webkit-background-clip: text;
    background-clip: text;

    color: transparent;
}

.qf-ai-final__content > p {
    max-width: 670px;

    margin: 23px 0 0;

    color: rgba(255,255,255,.65);

    font-size: 16px;
    line-height: 1.75;
}

/* =========================================================
   BUTTONS
========================================================= */

.qf-ai-final__actions {
    margin-top: 31px;

    display: flex;
    flex-wrap: wrap;

    gap: 12px;
}

.qf-ai-final__button,
.qf-ai-final__button:link,
.qf-ai-final__button:visited {
    min-height: 54px;

    padding: 0 21px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    border-radius: 14px;

    font-size: 13px;
    font-weight: 650;
    line-height: 1;

    text-decoration: none !important;

    transition:
        color .22s ease,
        background .22s ease,
        border-color .22s ease,
        box-shadow .22s ease,
        transform .22s ease;
}

.qf-ai-final__button svg {
    width: 16px;
    height: 16px;

    transition:
        transform .22s ease;
}

.qf-ai-final__button:hover svg {
    transform: translateX(3px);
}

.qf-ai-final__button--primary,
.qf-ai-final__button--primary:visited {
    color: var(--qf-final-primary) !important;

    background: #ffffff !important;

    border:
        1px solid rgba(255,255,255,.95);

    box-shadow:
        0 13px 30px rgba(3,5,18,.25);
}

.qf-ai-final__button--primary:hover,
.qf-ai-final__button--primary:focus-visible {
    color: var(--qf-final-primary-dark) !important;

    background: #f2f0ff !important;

    transform: translateY(-2px);

    box-shadow:
        0 17px 36px rgba(3,5,18,.31);
}

.qf-ai-final__button--secondary,
.qf-ai-final__button--secondary:visited {
    color: #ffffff !important;

    background:
        rgba(255,255,255,.06) !important;

    border:
        1px solid rgba(255,255,255,.14);
}

.qf-ai-final__button--secondary:hover,
.qf-ai-final__button--secondary:focus-visible {
    color: #ffffff !important;

    background:
        rgba(255,255,255,.11) !important;

    border-color:
        rgba(255,255,255,.23);

    transform: translateY(-2px);
}

/* =========================================================
   REASSURANCE
========================================================= */

.qf-ai-final__reassurance {
    margin-top: 27px;

    display: flex;
    flex-wrap: wrap;

    gap: 11px 18px;
}

.qf-ai-final__reassurance span {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    color: rgba(255,255,255,.58);

    font-size: 10px;
    font-weight: 540;
}

.qf-ai-final__reassurance svg {
    width: 15px;
    height: 15px;

    color: #a99fff;
}

/* =========================================================
   VISUAL CARD
========================================================= */

.qf-ai-final__visual {
    position: relative;
    z-index: 2;

    min-width: 0;

    padding: 22px;

    background:
        rgba(255,255,255,.065);

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

    border-radius: 21px;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 22px 50px rgba(4,6,20,.18);

    backdrop-filter: blur(12px);
}

/* Visual top */

.qf-ai-final__visual-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;
}

.qf-ai-final__visual-top > div {
    display: flex;
    align-items: center;

    gap: 10px;
}

.qf-ai-final__status-dot {
    width: 8px;
    height: 8px;

    flex: 0 0 8px;

    border-radius: 50%;

    background: #4bd88f;

    box-shadow:
        0 0 0 5px rgba(75,216,143,.09);
}

.qf-ai-final__visual-top > div > div {
    display: grid;
    gap: 3px;
}

.qf-ai-final__visual-top small {
    color: rgba(255,255,255,.45);

    font-size: 7.5px;
    font-weight: 700;

    letter-spacing: .07em;
    text-transform: uppercase;
}

.qf-ai-final__visual-top strong {
    color: #ffffff;

    font-size: 12px;
    font-weight: 630;
}

.qf-ai-final__visual-badge {
    padding: 6px 8px;

    color: #c3bcff;

    background:
        rgba(112,76,255,.15);

    border-radius: 999px;

    font-size: 7px;
    font-weight: 720;

    letter-spacing: .06em;
    text-transform: uppercase;
}

/* Score */

.qf-ai-final__score {
    margin-top: 21px;

    padding: 17px;

    display: grid;
    grid-template-columns:
        92px minmax(0,1fr);

    align-items: center;

    gap: 16px;

    background:
        rgba(255,255,255,.055);

    border:
        1px solid rgba(255,255,255,.075);

    border-radius: 14px;
}

.qf-ai-final__score-value {
    width: 86px;
    height: 86px;

    display: flex;
    align-items: center;
    justify-content: center;

    border:
        8px solid rgba(143,130,255,.58);

    border-right-color:
        rgba(255,255,255,.1);

    border-radius: 50%;
}

.qf-ai-final__score-value strong {
    color: #ffffff;

    font-size: 34px;
    font-weight: 740;
}

.qf-ai-final__score-value span {
    margin: 9px 0 0 2px;

    color: rgba(255,255,255,.4);

    font-size: 8px;
}

.qf-ai-final__score > div:last-child {
    display: grid;
    gap: 5px;
}

.qf-ai-final__score small {
    color: #aaa2ff;

    font-size: 7px;
    font-weight: 720;

    letter-spacing: .06em;
    text-transform: uppercase;
}

.qf-ai-final__score > div:last-child strong {
    color: #ffffff;

    font-size: 14px;
    font-weight: 640;
}

/* Platform rows */

.qf-ai-final__platforms {
    margin-top: 14px;

    display: grid;
    gap: 7px;
}

.qf-ai-final__platforms > div {
    padding: 10px 11px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 15px;

    background:
        rgba(255,255,255,.045);

    border:
        1px solid rgba(255,255,255,.065);

    border-radius: 9px;
}

.qf-ai-final__platforms span {
    color: rgba(255,255,255,.65);

    font-size: 9px;
}

.qf-ai-final__platforms b {
    padding: 5px 7px;

    color: #c4bdff;

    background:
        rgba(112,76,255,.13);

    border-radius: 999px;

    font-size: 6.5px;
    font-weight: 720;

    text-transform: uppercase;
    letter-spacing: .05em;
}

/* Visual bottom */

.qf-ai-final__visual-bottom {
    margin-top: 14px;

    padding: 11px;

    display: flex;
    align-items: center;

    gap: 10px;

    background:
        rgba(112,76,255,.13);

    border:
        1px solid rgba(168,157,255,.12);

    border-radius: 10px;
}

.qf-ai-final__visual-bottom > span {
    width: 33px;
    height: 33px;

    flex: 0 0 33px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #c2bbff;

    background:
        rgba(255,255,255,.055);

    border-radius: 9px;
}

.qf-ai-final__visual-bottom svg {
    width: 17px;
    height: 17px;
}

.qf-ai-final__visual-bottom > div {
    display: grid;
    gap: 3px;
}

.qf-ai-final__visual-bottom small {
    color: rgba(255,255,255,.4);

    font-size: 7px;
    font-weight: 700;

    text-transform: uppercase;
    letter-spacing: .06em;
}

.qf-ai-final__visual-bottom strong {
    color: #ffffff;

    font-size: 9.5px;
    font-weight: 590;
}

/* =========================================================
   SEO AUDIT CROSS-LINK
========================================================= */

.qf-ai-final__seo {
    margin-top: 22px;

    padding: 25px 27px;

    display: grid;
    grid-template-columns:
        48px minmax(0,1fr) auto;

    align-items: center;

    gap: 18px;

    background: #ffffff;

    border:
        1px solid var(--qf-final-border);

    border-radius: 18px;

    box-shadow:
        0 12px 32px rgba(16,24,40,.05);
}

.qf-ai-final__seo-icon {
    width: 48px;
    height: 48px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: var(--qf-final-primary);

    background: #efedff;

    border-radius: 13px;
}

.qf-ai-final__seo-icon svg {
    width: 23px;
    height: 23px;
}

.qf-ai-final__seo-copy {
    min-width: 0;
}

.qf-ai-final__seo-copy small {
    color: var(--qf-final-primary);

    font-size: 8px;
    font-weight: 730;

    letter-spacing: .07em;
    text-transform: uppercase;
}

.qf-ai-final__seo-copy h3 {
    margin: 7px 0 0;

    color: var(--qf-final-heading);

    font-size: 17px;
    font-weight: 660;

    letter-spacing: -.025em;
}

.qf-ai-final__seo-copy p {
    max-width: 820px;

    margin: 7px 0 0;

    color: var(--qf-final-text);

    font-size: 10.5px;
    line-height: 1.55;
}

.qf-ai-final__seo > a,
.qf-ai-final__seo > a:link,
.qf-ai-final__seo > a:visited {
    min-height: 46px;

    padding: 0 16px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    color: var(--qf-final-primary) !important;

    background: #f0eeff !important;

    border:
        1px solid rgba(91,75,255,.1);

    border-radius: 12px;

    font-size: 11px;
    font-weight: 650;

    text-decoration: none !important;

    transition:
        color .22s ease,
        background .22s ease,
        transform .22s ease;
}

.qf-ai-final__seo > a:hover,
.qf-ai-final__seo > a:focus-visible {
    color: var(--qf-final-primary-dark) !important;

    background: #e9e6ff !important;

    transform: translateY(-2px);
}

.qf-ai-final__seo > a svg {
    width: 14px;
    height: 14px;
}

/* =========================================================
   ELEMENTOR / WORDPRESS PROTECTION
========================================================= */

.elementor .qf-ai-final a,
.elementor .qf-ai-final a:link,
.elementor .qf-ai-final a:visited {
    text-decoration: none !important;
}

.elementor
.qf-ai-final
.qf-ai-final__button--primary,
.elementor
.qf-ai-final
.qf-ai-final__button--primary:hover {
    color: var(--qf-final-primary) !important;
}

.elementor
.qf-ai-final
.qf-ai-final__button--secondary,
.elementor
.qf-ai-final
.qf-ai-final__button--secondary:hover {
    color: #ffffff !important;
}

.elementor
.qf-ai-final
.qf-ai-final__seo > a,
.elementor
.qf-ai-final
.qf-ai-final__seo > a:hover {
    color: var(--qf-final-primary) !important;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 940px) {

    .qf-ai-final {
        padding: 90px 0;
    }

    .qf-ai-final__container {
        width: min(calc(100% - 32px), 1280px);
    }

    .qf-ai-final__panel {
        padding: 45px;

        grid-template-columns: 1fr;

        gap: 42px;
    }

    .qf-ai-final__content {
        max-width: 760px;

        margin-inline: auto;

        text-align: center;
    }

    .qf-ai-final__eyebrow,
    .qf-ai-final__actions,
    .qf-ai-final__reassurance {
        justify-content: center;
    }

    .qf-ai-final__content > p {
        margin-inline: auto;
    }

    .qf-ai-final__visual {
        max-width: 620px;

        width: 100%;

        margin-inline: auto;
    }

    .qf-ai-final__seo {
        grid-template-columns:
            48px minmax(0,1fr);
    }

    .qf-ai-final__seo > a {
        grid-column: 2;

        width: fit-content;
    }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 620px) {

    .qf-ai-final {
        padding: 72px 0;
    }

    .qf-ai-final__container {
        width: min(calc(100% - 24px), 1280px);
    }

    .qf-ai-final__panel {
        padding: 28px 21px;

        border-radius: 22px;
    }

    .qf-ai-final__content h2 {
        font-size: 37px;
    }

    .qf-ai-final__content > p {
        font-size: 14px;
        line-height: 1.7;
    }

    .qf-ai-final__actions {
        width: 100%;

        display: grid;
        grid-template-columns: 1fr;
    }

    .qf-ai-final__button {
        width: 100%;
    }

    .qf-ai-final__reassurance {
        display: grid;

        justify-content: center;
    }

    .qf-ai-final__visual {
        padding: 18px;

        border-radius: 18px;
    }

    .qf-ai-final__score {
        grid-template-columns: 1fr;

        justify-items: center;

        text-align: center;
    }

    .qf-ai-final__seo {
        padding: 21px;

        grid-template-columns: 1fr;

        align-items: start;
    }

    .qf-ai-final__seo > a {
        grid-column: auto;

        width: 100%;
    }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 400px) {

    .qf-ai-final__content h2 {
        font-size: 33px;
    }

    .qf-ai-final__visual-top {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* =========================================================
   ACCESSIBILITY
========================================================= */

.qf-ai-final a:focus-visible {
    outline:
        3px solid rgba(157,145,255,.42);

    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {

    .qf-ai-final__button,
    .qf-ai-final__button svg,
    .qf-ai-final__seo > a {
        transition: none;
    }
}/* End custom CSS */