@font-face {
    font-family: "KalamehWeb";
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url("/fonts/kalameh/fonts/woff2/KalamehWeb-Thin.woff2") format("woff2"), url("/fonts/kalameh/fonts/woff/KalamehWeb-Thin.woff") format("woff");
}

@font-face {
    font-family: "KalamehWeb";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/fonts/kalameh/fonts/woff2/KalamehWeb-Regular.woff2") format("woff2"), url("/fonts/kalameh/fonts/woff/KalamehWeb-Regular.woff") format("woff");
}

@font-face {
    font-family: "KalamehWeb";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/fonts/kalameh/fonts/woff2/KalamehWeb-Bold.woff2") format("woff2"), url("/fonts/kalameh/fonts/woff/KalamehWeb-Bold.woff") format("woff");
}

@font-face {
    font-family: "KalamehWeb";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("/fonts/kalameh/fonts/woff2/KalamehWeb-Black.woff2") format("woff2"), url("/fonts/kalameh/fonts/woff/KalamehWeb-Black.woff") format("woff");
}

:root {
    --landing-brand: #2631df;
    --landing-brand-rgb: 38, 49, 223;
    --landing-white: #ffffff;
    --landing-ink: #171927;
    --landing-muted: #6d7085;
    --landing-soft: #f6f7fb;
    --landing-border: #e9eaf2;
    --landing-header-height: 72px;
    --landing-container: 1200px;
    --landing-radius-sm: 12px;
    --landing-radius-md: 18px;
    --landing-radius-lg: 26px;
    --landing-shadow-sm: 0 8px 24px rgba(21, 24, 55, 0.06);
    --landing-shadow-lg: 0 24px 70px rgba(21, 24, 55, 0.18);
    --landing-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

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

html {
    min-width: 320px;
    scroll-behavior: smooth;
    scroll-padding-top: calc(var(--landing-header-height) + 20px);
}

body.landing-page {
    display: flex;
    min-width: 320px;
    min-height: 100vh;
    min-height: 100svh;
    margin: 0;
    flex-direction: column;
    overflow-x: clip;
    color: var(--landing-ink);
    background: var(--landing-white);
    font-family: "KalamehWeb", Tahoma, Arial, sans-serif;
    font-size: 16px;
    font-synthesis: none;
    line-height: 1.75;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

    body.landing-page img {
        display: block;
        max-width: 100%;
    }

    body.landing-page a {
        color: inherit;
        text-decoration: none;
    }

    body.landing-page button,
    body.landing-page input,
    body.landing-page textarea,
    body.landing-page select {
        font: inherit;
    }

    body.landing-page button,
    body.landing-page a {
        -webkit-tap-highlight-color: transparent;
    }

.landing-container {
    width: min(calc(100% - 32px), var(--landing-container));
    margin-inline: auto;
}

.landing-main {
    width: 100%;
    min-width: 0;
    min-height: 0;
    flex: 1 0 auto;
    outline: none;
}

.landing-footer {
    position: relative;
    width: 100%;
    min-height: 0;
    flex: 0 0 auto;
    margin-block-start: auto;
}

.landing-skip-link {
    position: fixed;
    inset-block-start: 10px;
    inset-inline-start: 50%;
    z-index: 1300;
    padding: 10px 16px;
    color: var(--landing-white) !important;
    background: var(--landing-brand);
    border-radius: 10px;
    box-shadow: var(--landing-shadow-sm);
    transform: translate(50%, -150%);
    transition: transform 180ms ease;
}

    .landing-skip-link:focus {
        transform: translate(50%, 0);
    }

.landing-header {
    position: sticky;
    inset-block-start: 0;
    z-index: 1000;
    width: 100%;
    border-bottom: 1px solid transparent;
    background: rgba(255, 255, 255, 0.92);
    transition: border-color 220ms ease, box-shadow 220ms ease, background-color 220ms ease;
    -webkit-backdrop-filter: saturate(160%) blur(16px);
    backdrop-filter: saturate(160%) blur(16px);
}

    .landing-header.is-scrolled {
        border-bottom-color: rgba(233, 234, 242, 0.92);
        background: rgba(255, 255, 255, 0.96);
        box-shadow: 0 10px 34px rgba(22, 25, 58, 0.055);
    }

.landing-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: var(--landing-header-height);
    gap: 16px;
}

.landing-brand {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
    border-radius: var(--landing-radius-sm);
    outline: none;
}

.landing-brand__mark {
    position: relative;
    display: grid;
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    place-items: center;
    overflow: hidden;
    border-radius: 13px;
    background: var(--landing-brand);
    box-shadow: 0 9px 22px rgba(var(--landing-brand-rgb), 0.2);
}

    .landing-brand__mark::after {
        position: absolute;
        inset: 0;
        content: "";
        border: 1px solid rgba(255, 255, 255, 0.24);
        border-radius: inherit;
        pointer-events: none;
    }

    .landing-brand__mark img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.landing-brand__name {
    color: var(--landing-ink);
    font-size: 19px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: normal;
}

.landing-brand:focus-visible,
.landing-header__link:focus-visible,
.landing-button:focus-visible,
.landing-menu-button:focus-visible,
.landing-sidebar__close:focus-visible,
.landing-sidebar__link:focus-visible,
.landing-sidebar__primary-action:focus-visible,
.landing-sidebar__secondary-action:focus-visible {
    outline: 3px solid rgba(var(--landing-brand-rgb), 0.22);
    outline-offset: 3px;
}

.landing-header__nav,
.landing-header__actions {
    display: none;
}

.landing-menu-button {
    display: grid;
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    padding: 0;
    place-items: center;
    color: var(--landing-brand);
    background: rgba(var(--landing-brand-rgb), 0.065);
    border: 1px solid rgba(var(--landing-brand-rgb), 0.1);
    border-radius: 14px;
    cursor: pointer;
    transition: color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

    .landing-menu-button i {
        font-size: 24px;
    }

    .landing-menu-button:active {
        transform: scale(0.95);
    }

.landing-sidebar-overlay {
    position: fixed;
    z-index: 1100;
    inset: 0;
    visibility: hidden;
    background: rgba(12, 14, 33, 0.44);
    opacity: 0;
    cursor: pointer;
    transition: opacity 280ms ease, visibility 280ms ease;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}

    .landing-sidebar-overlay.is-visible {
        visibility: visible;
        opacity: 1;
    }

.landing-sidebar {
    position: fixed;
    z-index: 1200;
    inset-block: 0;
    inset-inline-start: 0;
    display: flex;
    width: min(88vw, 380px);
    height: 100vh;
    height: 100dvh;
    flex-direction: column;
    overflow: hidden;
    visibility: hidden;
    background: var(--landing-white);
    border-inline-end: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow: var(--landing-shadow-lg);
    opacity: 0;
    transform: translateX(105%);
    transition: transform 360ms var(--landing-ease), opacity 220ms ease, visibility 360ms ease;
}

    .landing-sidebar.is-open {
        visibility: visible;
        opacity: 1;
        transform: translateX(0);
    }

    .landing-sidebar::before {
        position: absolute;
        z-index: -1;
        inset-block-start: -110px;
        inset-inline-start: -110px;
        width: 250px;
        height: 250px;
        content: "";
        border-radius: 50%;
        background: radial-gradient(circle, rgba(var(--landing-brand-rgb), 0.11), transparent 68%);
        pointer-events: none;
    }

.landing-sidebar__header {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    min-height: 82px;
    padding: max(14px, env(safe-area-inset-top)) 18px 10px;
    border-bottom: 1px solid var(--landing-border);
}

.landing-brand--sidebar {
    gap: 11px;
}

.landing-sidebar__close {
    display: grid;
    width: 42px;
    height: 42px;
    padding: 0;
    place-items: center;
    color: var(--landing-muted);
    background: var(--landing-soft);
    border: 1px solid var(--landing-border);
    border-radius: 13px;
    cursor: pointer;
    transition: color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

    .landing-sidebar__close i {
        font-size: 22px;
    }

    .landing-sidebar__close:active {
        transform: scale(0.95);
    }

.landing-sidebar__body {
    flex: 1 1 auto;
    min-height: 0;
    padding: 22px 18px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--landing-brand-rgb), 0.22) transparent;
}

.landing-sidebar__eyebrow {
    margin: 0 4px 11px;
    color: #9799aa;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
}

.landing-sidebar__nav {
    display: grid;
    gap: 7px;
}

.landing-sidebar__link {
    display: grid;
    grid-template-columns: 42px 1fr auto;
    min-height: 58px;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
    color: #4d5064;
    border: 1px solid transparent;
    border-radius: 16px;
    outline: none;
    transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.landing-sidebar__link-icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    color: #777a90;
    background: var(--landing-soft);
    border: 1px solid var(--landing-border);
    border-radius: 13px;
    transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease;
}

    .landing-sidebar__link-icon i {
        font-size: 21px;
    }

.landing-sidebar__link-arrow {
    color: #b2b4c0;
    font-size: 17px;
    transition: transform 180ms ease;
}

.landing-sidebar__link:is(:hover, .is-active) {
    color: var(--landing-brand);
    background: rgba(var(--landing-brand-rgb), 0.055);
    border-color: rgba(var(--landing-brand-rgb), 0.1);
}

    .landing-sidebar__link:is(:hover, .is-active) .landing-sidebar__link-icon {
        color: var(--landing-white);
        background: var(--landing-brand);
        border-color: var(--landing-brand);
        box-shadow: 0 8px 18px rgba(var(--landing-brand-rgb), 0.18);
    }

.landing-sidebar__link:hover .landing-sidebar__link-arrow {
    transform: translateX(-2px);
}

.landing-sidebar__footer {
    display: grid;
    flex: 0 0 auto;
    gap: 9px;
    padding: 16px 18px max(18px, env(safe-area-inset-bottom));
    background: var(--landing-white);
    border-top: 1px solid var(--landing-border);
}

.landing-sidebar__primary-action,
.landing-sidebar__secondary-action {
    display: inline-flex;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 16px;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    outline: none;
    transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

.landing-sidebar__primary-action {
    color: var(--landing-white) !important;
    background: var(--landing-brand);
    box-shadow: 0 13px 26px rgba(var(--landing-brand-rgb), 0.2);
}

    .landing-sidebar__primary-action i,
    .landing-sidebar__secondary-action i {
        font-size: 20px;
    }

.landing-sidebar__secondary-action {
    min-height: 48px;
    color: var(--landing-brand);
    background: rgba(var(--landing-brand-rgb), 0.055);
    border: 1px solid rgba(var(--landing-brand-rgb), 0.1);
}

    .landing-sidebar__primary-action:active,
    .landing-sidebar__secondary-action:active {
        transform: scale(0.98);
    }

html.landing-menu-open,
html.landing-menu-open body {
    overflow: hidden;
    overscroll-behavior: none;
}

@media (hover: hover) {
    .landing-menu-button:hover {
        color: var(--landing-white);
        background: var(--landing-brand);
    }

    .landing-sidebar__close:hover {
        color: var(--landing-brand);
        background: rgba(var(--landing-brand-rgb), 0.07);
    }

    .landing-sidebar__primary-action:hover {
        box-shadow: 0 16px 34px rgba(var(--landing-brand-rgb), 0.27);
        transform: translateY(-1px);
    }

    .landing-sidebar__secondary-action:hover {
        background: rgba(var(--landing-brand-rgb), 0.09);
    }
}

@media (min-width: 768px) {
    :root {
        --landing-header-height: 78px;
    }

    .landing-container {
        width: min(calc(100% - 48px), var(--landing-container));
    }

    .landing-brand__name {
        font-size: 20px;
    }

    .landing-sidebar__header {
        padding-inline: 22px;
    }

    .landing-sidebar__body,
    .landing-sidebar__footer {
        padding-inline: 22px;
    }
}

@media (min-width: 992px) {
    :root {
        --landing-header-height: 84px;
    }

    .landing-header__inner {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: clamp(24px, 4vw, 62px);
    }

    .landing-header__nav {
        display: flex;
        min-width: 0;
        align-items: center;
        justify-content: center;
        gap: 4px;
    }

    .landing-header__link {
        position: relative;
        display: inline-flex;
        min-height: 44px;
        align-items: center;
        justify-content: center;
        padding: 0 13px;
        color: var(--landing-muted);
        border-radius: 12px;
        font-size: 14px;
        font-weight: 700;
        white-space: nowrap;
        outline: none;
        transition: color 180ms ease, background-color 180ms ease;
    }

        .landing-header__link::after {
            position: absolute;
            inset-block-end: 5px;
            inset-inline-start: 50%;
            width: 5px;
            height: 5px;
            content: "";
            background: var(--landing-brand);
            border-radius: 50%;
            opacity: 0;
            transform: translateX(50%) scale(0.4);
            transition: opacity 180ms ease, transform 180ms var(--landing-ease);
        }

        .landing-header__link:is(:hover, .is-active) {
            color: var(--landing-brand);
            background: rgba(var(--landing-brand-rgb), 0.045);
        }

        .landing-header__link.is-active::after {
            opacity: 1;
            transform: translateX(50%) scale(1);
        }

    .landing-header__actions {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .landing-button {
        display: inline-flex;
        min-height: 44px;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 0 15px;
        border: 1px solid transparent;
        border-radius: 13px;
        font-size: 13px;
        font-weight: 700;
        white-space: nowrap;
        outline: none;
        transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
    }

        .landing-button i {
            font-size: 19px;
        }

    .landing-button--ghost {
        color: var(--landing-brand);
        background: var(--landing-white);
        border-color: rgba(var(--landing-brand-rgb), 0.14);
    }

    .landing-button--primary {
        min-width: 122px;
        color: var(--landing-white) !important;
        background: var(--landing-brand);
        box-shadow: 0 10px 24px rgba(var(--landing-brand-rgb), 0.18);
    }

    .landing-button:hover {
        transform: translateY(-1px);
    }

    .landing-button--ghost:hover {
        background: rgba(var(--landing-brand-rgb), 0.055);
        border-color: rgba(var(--landing-brand-rgb), 0.2);
    }

    .landing-button--primary:hover {
        box-shadow: 0 13px 30px rgba(var(--landing-brand-rgb), 0.26);
    }

    .landing-menu-button {
        display: none;
    }

    .landing-sidebar,
    .landing-sidebar-overlay {
        display: none;
    }
}

@media (min-width: 1200px) {
    .landing-header__link {
        padding-inline: 16px;
        font-size: 14.5px;
    }

    .landing-button {
        min-height: 46px;
        padding-inline: 17px;
        font-size: 13.5px;
    }

    .landing-button--primary {
        min-width: 132px;
    }
}

@media (max-width: 359px) {
    .landing-container {
        width: min(calc(100% - 24px), var(--landing-container));
    }

    .landing-brand__mark {
        width: 39px;
        height: 39px;
        border-radius: 12px;
    }

    .landing-brand__name {
        font-size: 18px;
    }

    .landing-sidebar {
        width: 92vw;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* --------------------------------------------------------------------------
   Footer
   -------------------------------------------------------------------------- */

.pg-footer {
    position: relative;
    isolation: isolate;
    width: 100%;
    overflow: hidden;
    padding: 24px 0 max(18px, env(safe-area-inset-bottom));
    color: #fff;
    background: radial-gradient(circle at 84% 10%, rgba(91, 102, 255, 0.2), transparent 30%), linear-gradient(145deg, #101336 0%, #141947 52%, #101436 100%);
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

    .pg-footer::before {
        position: absolute;
        z-index: 2;
        top: 0;
        right: 0;
        left: 0;
        height: 3px;
        content: "";
        background: linear-gradient(90deg, transparent, #5260ff 23%, #8e59ff 50%, #5260ff 77%, transparent);
        opacity: 0.78;
    }

.pg-footer__ambient,
.pg-footer__ambient > span {
    position: absolute;
    pointer-events: none;
}

.pg-footer__ambient {
    z-index: 0;
    inset: 0;
    overflow: hidden;
}

.pg-footer__glow {
    border-radius: 50%;
    filter: blur(2px);
}

.pg-footer__glow--one {
    top: -160px;
    right: -120px;
    width: 340px;
    height: 340px;
    background: rgba(var(--landing-brand-rgb), 0.12);
}

.pg-footer__glow--two {
    bottom: -190px;
    left: -130px;
    width: 380px;
    height: 380px;
    background: rgba(111, 62, 237, 0.1);
}

.pg-footer__mesh {
    top: 0;
    left: 50%;
    width: min(1080px, 100%);
    height: 100%;
    background-image: linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
    background-size: 38px 38px;
    mask-image: linear-gradient(90deg, transparent, #000 24%, #000 76%, transparent);
    opacity: 0.65;
    transform: translateX(-50%);
}

.pg-footer__container {
    position: relative;
    z-index: 3;
}

.pg-footer__cta {
    position: relative;
    display: grid;
    overflow: hidden;
    padding: 24px;
    gap: 22px;
    color: #fff;
    background: radial-gradient(circle at 10% 20%, rgba(255, 255, 255, 0.22), transparent 24%), linear-gradient(135deg, #2631df 0%, #4530e8 56%, #682ce9 100%);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 24px;
    box-shadow: 0 24px 60px rgba(5, 8, 41, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

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

    .pg-footer__cta::before {
        top: -82px;
        left: 14%;
        width: 190px;
        height: 190px;
    }

    .pg-footer__cta::after {
        right: -54px;
        bottom: -92px;
        width: 210px;
        height: 210px;
    }

.pg-footer__cta-copy {
    position: relative;
    z-index: 2;
    display: flex;
    min-width: 0;
    align-items: flex-start;
    gap: 15px;
}

.pg-footer__cta-icon {
    display: grid;
    width: 48px;
    height: 48px;
    flex: 0 0 auto;
    place-items: center;
    color: #4230e6;
    background: #fff;
    border: 1px solid rgba(255, 255, 255, 0.74);
    border-radius: 15px;
    box-shadow: 0 12px 28px rgba(17, 13, 82, 0.2);
}

    .pg-footer__cta-icon i {
        font-size: 27px;
    }

.pg-footer__cta-eyebrow {
    display: block;
    margin-block-end: 5px;
    color: rgba(255, 255, 255, 0.76);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
}

.pg-footer__cta h2,
.pg-footer__cta p {
    margin: 0;
}

.pg-footer__cta h2 {
    max-width: 520px;
    font-size: clamp(20px, 5.8vw, 26px);
    font-weight: 700;
    line-height: 1.55;
    letter-spacing: normal;
}

.pg-footer__cta p {
    max-width: 560px;
    margin-block-start: 5px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.85;
}

.pg-footer__cta-action {
    position: relative;
    z-index: 2;
    display: inline-flex;
    width: 100%;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 20px;
    color: #252bcf !important;
    background: #fff;
    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 15px;
    box-shadow: 0 14px 34px rgba(19, 14, 91, 0.2);
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    transition: box-shadow 220ms ease, transform 220ms var(--landing-ease);
}

    .pg-footer__cta-action i {
        font-size: 21px;
        transition: transform 220ms var(--landing-ease);
    }

    .pg-footer__cta-action:hover {
        box-shadow: 0 18px 40px rgba(18, 14, 84, 0.28);
        transform: translateY(-2px);
    }

        .pg-footer__cta-action:hover i {
            transform: translate(-2px, -2px);
        }

.pg-footer__main {
    display: grid;
    padding: 42px 2px 36px;
    gap: 36px;
}

.pg-footer__brand-column,
.pg-footer__trust-column,
.pg-footer__link-group {
    min-width: 0;
}

.pg-footer__brand {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    border-radius: 15px;
}

.pg-footer__brand-mark {
    position: relative;
    display: grid;
    width: 52px;
    height: 52px;
    flex: 0 0 auto;
    place-items: center;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 16px;
    box-shadow: 0 12px 28px rgba(3, 5, 28, 0.28);
}

    .pg-footer__brand-mark::after {
        position: absolute;
        inset: 0;
        content: "";
        border: 1px solid rgba(255, 255, 255, 0.38);
        border-radius: inherit;
        pointer-events: none;
    }

    .pg-footer__brand-mark img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.pg-footer__brand-copy {
    display: grid;
    gap: 6px;
}

    .pg-footer__brand-copy strong {
        font-size: 23px;
        font-weight: 700;
        line-height: 1;
    }

    .pg-footer__brand-copy small {
        color: rgba(255, 255, 255, 0.58);
        font-size: 11px;
        font-weight: 400;
        line-height: 1.4;
    }

.pg-footer__description {
    max-width: 390px;
    margin: 20px 0 0;
    color: rgba(255, 255, 255, 0.68);
    font-size: 13px;
    font-weight: 400;
    line-height: 2;
}

.pg-footer__help-link {
    display: grid;
    width: min(100%, 390px);
    min-height: 68px;
    margin-block-start: 22px;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    padding: 10px 12px;
    color: #fff !important;
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 17px;
    transition: background-color 200ms ease, border-color 200ms ease, transform 220ms var(--landing-ease);
}

    .pg-footer__help-link:hover {
        background: rgba(255, 255, 255, 0.085);
        border-color: rgba(255, 255, 255, 0.15);
        transform: translateY(-2px);
    }

.pg-footer__help-icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    color: #fff;
    background: rgba(77, 87, 255, 0.34);
    border: 1px solid rgba(136, 144, 255, 0.22);
    border-radius: 13px;
}

    .pg-footer__help-icon i {
        font-size: 22px;
    }

.pg-footer__help-link > span:nth-child(2) {
    display: grid;
    gap: 3px;
}

.pg-footer__help-link small {
    color: rgba(255, 255, 255, 0.52);
    font-size: 11px;
    line-height: 1.4;
}

.pg-footer__help-link strong {
    overflow: hidden;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pg-footer__help-link > i {
    color: rgba(255, 255, 255, 0.64);
    font-size: 18px;
}

.pg-footer__navigation {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 20px;
}

.pg-footer__link-group h3 {
    position: relative;
    margin: 0 0 20px;
    padding-inline-start: 14px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
}

    .pg-footer__link-group h3::before {
        position: absolute;
        inset-block-start: 50%;
        inset-inline-start: 0;
        width: 5px;
        height: 5px;
        content: "";
        background: #7180ff;
        border-radius: 50%;
        box-shadow: 0 0 0 4px rgba(113, 128, 255, 0.1);
        transform: translateY(-50%);
    }

.pg-footer__link-group a {
    position: relative;
    display: block;
    width: fit-content;
    max-width: 100%;
    padding: 6px 0;
    color: rgba(255, 255, 255, 0.61) !important;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.7;
    transition: color 180ms ease, transform 220ms var(--landing-ease);
}

    .pg-footer__link-group a::after {
        position: absolute;
        inset-inline-start: 0;
        bottom: 3px;
        width: 0;
        height: 1px;
        content: "";
        background: #7e89ff;
        transition: width 220ms var(--landing-ease);
    }

    .pg-footer__link-group a:hover {
        color: #fff !important;
        transform: translateX(-3px);
    }

        .pg-footer__link-group a:hover::after {
            width: 100%;
        }

.pg-footer__trust-column {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 104px;
    grid-template-rows: auto auto;
    align-items: center;
    gap: 9px 15px;
    padding: 16px;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.085);
    border-radius: 21px;
}

.pg-footer__trust-heading {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 10px;
}

    .pg-footer__trust-heading > span {
        display: grid;
        width: 38px;
        height: 38px;
        flex: 0 0 auto;
        place-items: center;
        color: #9ca5ff;
        background: rgba(100, 112, 255, 0.12);
        border: 1px solid rgba(129, 140, 255, 0.12);
        border-radius: 12px;
    }

    .pg-footer__trust-heading i {
        font-size: 21px;
    }

    .pg-footer__trust-heading div {
        display: grid;
        min-width: 0;
        gap: 4px;
    }

    .pg-footer__trust-heading strong {
        font-size: 12px;
        font-weight: 700;
        line-height: 1.45;
    }

    .pg-footer__trust-heading small {
        overflow: hidden;
        color: rgba(255, 255, 255, 0.5);
        font-size: 10.5px;
        font-weight: 400;
        line-height: 1.5;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.pgino-landing-footer-trust {
    grid-row: 1 / 3;
    grid-column: 2;
}

    .pgino-landing-footer-trust a {
        position: relative;
        display: grid;
        width: 104px;
        height: 104px;
        place-items: center;
        overflow: hidden;
        padding: 7px;
        background: #fff;
        border: 1px solid rgba(255, 255, 255, 0.5);
        border-radius: 17px;
        box-shadow: 0 12px 28px rgba(3, 5, 26, 0.22);
        transition: box-shadow 220ms ease, transform 220ms var(--landing-ease);
    }

        .pgino-landing-footer-trust a::after {
            position: absolute;
            inset: 5px;
            content: "";
            border: 1px solid rgba(var(--landing-brand-rgb), 0.08);
            border-radius: 12px;
            pointer-events: none;
        }

        .pgino-landing-footer-trust a:hover {
            box-shadow: 0 16px 34px rgba(3, 5, 26, 0.3);
            transform: translateY(-3px);
        }

.pgino-footer-enamad {
    display: block;
    width: 90px;
    height: 90px;
    object-fit: contain;
}

.pg-footer__trust-note {
    align-self: start;
    margin: 0;
    color: rgba(255, 255, 255, 0.43);
    font-size: 10.5px;
    font-weight: 400;
    line-height: 1.75;
}

.pg-footer__bottom {
    display: grid;
    justify-items: center;
    padding-block-start: 22px;
    gap: 11px;
    border-top: 1px solid rgba(255, 255, 255, 0.075);
    text-align: center;
}

    .pg-footer__bottom p {
        margin: 0;
        color: rgba(255, 255, 255, 0.48);
        font-size: 11px;
        font-weight: 400;
        line-height: 1.7;
    }

.pg-footer__bottom-separator {
    display: none;
}

.pg-footer__bottom-note {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

    .pg-footer__bottom-note i {
        color: #8994ff;
        font-size: 15px;
    }

.pg-footer__back-to-top {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-block-start: 4px;
    padding: 7px 13px;
    color: rgba(255, 255, 255, 0.72) !important;
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.085);
    border-radius: 12px;
    font-size: 11px;
    font-weight: 400;
    transition: color 180ms ease, background-color 180ms ease, transform 220ms var(--landing-ease);
}

    .pg-footer__back-to-top i {
        font-size: 16px;
    }

    .pg-footer__back-to-top:hover {
        color: #fff !important;
        background: rgba(255, 255, 255, 0.09);
        transform: translateY(-2px);
    }

.pg-footer a:focus-visible {
    outline: 3px solid rgba(145, 154, 255, 0.44);
    outline-offset: 4px;
}

@media (min-width: 640px) {
    .pg-footer {
        padding-block-start: 34px;
    }

    .pg-footer__cta {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        padding: 27px 30px;
        gap: 28px;
    }

    .pg-footer__cta-action {
        width: auto;
        min-width: 176px;
    }

    .pg-footer__main {
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
        gap: 42px 48px;
        padding-block: 52px 42px;
    }

    .pg-footer__trust-column {
        grid-column: 1 / -1;
        grid-template-columns: minmax(0, 1fr) 112px;
        padding: 18px 20px;
    }

    .pgino-landing-footer-trust a {
        width: 112px;
        height: 112px;
    }

    .pgino-footer-enamad {
        width: 96px;
        height: 96px;
    }

    .pg-footer__bottom {
        grid-template-columns: auto 1px auto minmax(110px, 1fr) auto;
        align-items: center;
        justify-items: start;
        gap: 13px;
        text-align: right;
    }

    .pg-footer__bottom-separator {
        display: block;
        width: 1px;
        height: 14px;
        background: rgba(255, 255, 255, 0.11);
    }

    .pg-footer__back-to-top {
        grid-column: 5;
        margin-block-start: 0;
    }
}

@media (min-width: 1024px) {
    .pg-footer {
        padding-block-start: 42px;
    }

    .pg-footer__cta {
        padding: 31px 36px;
        border-radius: 27px;
    }

        .pg-footer__cta h2 {
            font-size: 27px;
        }

        .pg-footer__cta p {
            font-size: 14px;
        }

    .pg-footer__main {
        grid-template-columns: minmax(0, 1.05fr) minmax(360px, 1.15fr) minmax(210px, 0.62fr);
        align-items: start;
        gap: 56px;
        padding: 60px 4px 48px;
    }

    .pg-footer__description {
        font-size: 14px;
    }

    .pg-footer__link-group h3 {
        font-size: 15px;
    }

    .pg-footer__link-group a {
        font-size: 13px;
    }

    .pg-footer__trust-column {
        display: flex;
        grid-column: auto;
        flex-direction: column;
        align-items: center;
        padding: 20px 18px 17px;
        gap: 13px;
        text-align: center;
    }

    .pg-footer__trust-heading {
        flex-direction: column;
    }

        .pg-footer__trust-heading div {
            gap: 5px;
        }

        .pg-footer__trust-heading strong {
            font-size: 13px;
        }

        .pg-footer__trust-heading small {
            font-size: 10px;
        }

    .pg-footer__trust-note {
        font-size: 9px;
        text-align: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pg-footer a,
    .pg-footer a i,
    .pg-footer__link-group a::after {
        transition-duration: 0.01ms !important;
    }
}

/* --------------------------------------------------------------------------
   Why Pgino benefits
   -------------------------------------------------------------------------- */

.pg-why {
    position: relative;
    isolation: isolate;
    width: 100%;
    overflow: hidden;
    background: #fbfaff;
}

.pg-why__canvas {
    position: relative;
    width: min(100%, 720px);
    aspect-ratio: 720 / 1280;
    margin-inline: auto;
    overflow: hidden;
    color: #0b0c1a;
    background: radial-gradient(circle at 55% 42%, rgba(255, 255, 255, 0.86), transparent 37%), radial-gradient(circle at 12% 10%, rgba(var(--landing-brand-rgb), 0.025), transparent 25%), linear-gradient(165deg, #fdfcff 0%, #faf9ff 58%, #fcfbff 100%);
    container-name: pg-why-canvas;
    container-type: inline-size;
}

.pg-why__background {
    position: absolute;
    z-index: 0;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.pg-why__decoration,
.pg-why__blob,
.pg-why__ambient-route {
    position: absolute;
}

.pg-why__decoration {
    color: var(--landing-brand);
    line-height: 1;
}

.pg-why__decoration--top-large {
    inset-block-start: 13.5cqw;
    left: 2.8cqw;
    font-size: 9cqw;
    opacity: 0.045;
    transform: rotate(-8deg);
}

.pg-why__decoration--top-small {
    inset-block-start: 21.2cqw;
    left: 9.4cqw;
    font-size: 4.8cqw;
    opacity: 0.07;
    transform: rotate(12deg);
}

.pg-why__decoration--gamepad {
    inset-block-start: 44cqw;
    right: 8.5cqw;
    font-size: 8.8cqw;
    opacity: 0.025;
    transform: rotate(-8deg);
}

.pg-why__decoration--bottom {
    inset-block-start: 142cqw;
    right: 12.4cqw;
    font-size: 5.25cqw;
    opacity: 0.047;
    transform: rotate(14deg);
}

.pg-why__blob--right {
    inset-block-start: 15.65cqw;
    right: -10.5cqw;
    width: 20.5cqw;
    height: 48.5cqw;
    background: rgba(var(--landing-brand-rgb), 0.022);
    border-radius: 64% 0 0 56%;
    transform: rotate(13deg);
}

.pg-why__blob--bottom-left {
    inset-block-start: 137.5cqw;
    left: -24cqw;
    width: 61cqw;
    height: 62cqw;
    background: rgba(var(--landing-brand-rgb), 0.037);
    border-radius: 48% 52% 0 0;
    transform: rotate(-19deg);
}

.pg-why__ambient-route {
    inset-block-start: 151.3cqw;
    right: 20.7cqw;
    width: 15.5cqw;
    height: 15.5cqw;
    border-block-start: 0.2cqw dashed rgba(var(--landing-brand-rgb), 0.085);
    border-inline-end: 0.2cqw dashed rgba(var(--landing-brand-rgb), 0.085);
    border-radius: 0 12cqw 0 0;
    transform: rotate(22deg);
}

    .pg-why__ambient-route i {
        position: absolute;
        inset-block-end: -1.5cqw;
        left: -1.4cqw;
        color: rgba(var(--landing-brand-rgb), 0.07);
        font-size: 3.2cqw;
        transform: rotate(-22deg);
    }

.pg-why__heading {
    position: absolute;
    z-index: 8;
    inset-block-start: 10.2cqw;
    inset-inline: 2.5cqw;
    text-align: center;
}

.pg-why__eyebrow {
    display: inline-flex;
    min-width: 28.55cqw;
    height: 6.5cqw;
    align-items: center;
    justify-content: center;
    gap: 0.65cqw;
    padding-inline: 2.4cqw;
    color: #3421d9;
    background: linear-gradient(135deg, rgba(235, 230, 255, 0.96), rgba(246, 243, 255, 0.98));
    border: 0.1cqw solid rgba(var(--landing-brand-rgb), 0.025);
    border-radius: 999px;
    box-shadow: 0 0.5cqw 1.5cqw rgba(var(--landing-brand-rgb), 0.025);
    font-size: clamp(12px, 2.45cqw, 17.65px);
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

    .pg-why__eyebrow i {
        font-size: 2.85cqw;
    }

.pg-why__heading h2,
.pg-why__heading p,
.pg-why__benefit h3,
.pg-why__benefit p {
    margin: 0;
}

.pg-why__heading h2 {
    margin-block-start: 3.8cqw;
    color: #090a17;
    font-size: clamp(30px, 8.4cqw, 60.5px);
    font-weight: 700;
    line-height: 1.22;
    letter-spacing: normal;
}

.pg-why__heading p {
    margin-block-start: 3.75cqw;
    color: #666978;
    font-size: clamp(13px, 2.67cqw, 19.2px);
    font-weight: 400;
    line-height: 1.9;
}

.pg-why__preview {
    position: absolute;
    z-index: 5;
    inset-block-start: 53.45cqw;
    left: 28.75cqw;
    width: 43.2cqw;
    height: 88.75cqw;
    overflow: hidden;
    background: #fff;
    border: 0.12cqw solid rgba(236, 236, 244, 0.92);
    border-radius: 4.25cqw;
    box-shadow: 0 2.7cqw 7.5cqw rgba(31, 33, 60, 0.09), 0 0.35cqw 1.2cqw rgba(31, 33, 60, 0.035);
}

.pg-why__preview-brand {
    position: absolute;
    z-index: 5;
    inset-block-start: 3.55cqw;
    inset-inline: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5cqw;
    color: #3421d9;
    line-height: 1;
}

    .pg-why__preview-brand strong {
        font-size: 2.8cqw;
        font-weight: 700;
    }

    .pg-why__preview-brand i {
        font-size: 2.8cqw;
    }

.pg-why__scene {
    position: absolute;
    z-index: 1;
    inset-block-start: 9.55cqw;
    left: 2.05cqw;
    width: 39.1cqw;
    height: 65.5cqw;
    overflow: hidden;
    background: #e8d9ec;
    border-radius: 2.35cqw 2.35cqw 0 0;
}

    .pg-why__scene > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 50% 54%;
        filter: hue-rotate(298deg) saturate(0.7) brightness(1.045) contrast(0.96);
        transform: scale(1.02);
    }

.pg-why__preview-features {
    position: absolute;
    z-index: 4;
    inset-block-start: 75cqw;
    inset-inline: 0;
    display: grid;
    height: 13.4cqw;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    direction: rtl;
    background: rgba(255, 255, 255, 0.98);
    border-block-start: 0.1cqw solid rgba(236, 235, 242, 0.9);
}

.pg-why__preview-feature {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.9cqw 0.35cqw 0.8cqw;
    text-align: center;
}

    .pg-why__preview-feature:not(:last-child)::after {
        position: absolute;
        inset-block-start: 3.4cqw;
        left: 0;
        width: 0.1cqw;
        height: 6.6cqw;
        content: "";
        background: #efedf3;
    }

    .pg-why__preview-feature i {
        color: var(--landing-brand);
        font-size: 3.05cqw;
        line-height: 1;
    }

    .pg-why__preview-feature strong,
    .pg-why__preview-feature small {
        display: block;
        overflow: hidden;
        max-width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pg-why__preview-feature strong {
        margin-block-start: 0.55cqw;
        color: #252631;
        font-size: 1.23cqw;
        font-weight: 700;
        line-height: 1.45;
    }

    .pg-why__preview-feature small {
        margin-block-start: 0.12cqw;
        color: #747584;
        font-size: 0.92cqw;
        font-weight: 400;
        line-height: 1.45;
    }

.pg-why__benefit {
    position: absolute;
    z-index: 7;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2.2cqw 1.1cqw 1.75cqw;
    text-align: center;
    background: rgba(255, 255, 255, 0.965);
    border: 0.12cqw solid rgba(240, 240, 246, 0.93);
    border-radius: 2.65cqw;
    box-shadow: 0 2.1cqw 5.6cqw rgba(32, 34, 60, 0.07), 0 0.25cqw 0.85cqw rgba(32, 34, 60, 0.026);
}

.pg-why__benefit--prompt {
    inset-block-start: 49.1cqw;
    left: 5.65cqw;
    width: 25.5cqw;
    height: 23.1cqw;
    transform: rotate(7.2deg);
}

.pg-why__benefit--templates {
    inset-block-start: 60.25cqw;
    left: 72.3cqw;
    width: 24.5cqw;
    height: 25.5cqw;
    transform: rotate(-3.1deg);
}

.pg-why__benefit--natural {
    inset-block-start: 98.85cqw;
    left: 3.7cqw;
    width: 24.5cqw;
    height: 23.95cqw;
    transform: rotate(-2.4deg);
}

.pg-why__benefit--fast {
    inset-block-start: 104.65cqw;
    left: 72.8cqw;
    width: 24.5cqw;
    height: 23.2cqw;
    transform: rotate(4.2deg);
}

.pg-why__benefit--stores {
    inset-block-start: 147.5cqw;
    left: 35.5cqw;
    width: 29cqw;
    height: 21.8cqw;
    transform: rotate(5.7deg);
}

.pg-why__benefit-icon {
    display: grid;
    width: 7.5cqw;
    height: 7.5cqw;
    flex: 0 0 auto;
    place-items: center;
    color: #3421dc;
    background: linear-gradient(145deg, rgba(236, 230, 255, 0.86), rgba(249, 247, 255, 0.96));
    border-radius: 50%;
}

    .pg-why__benefit-icon i {
        font-size: 4.2cqw;
        line-height: 1;
    }

.pg-why__benefit h3 {
    margin-block-start: 1.65cqw;
    color: #11121d;
    font-size: clamp(10px, 1.85cqw, 13.3px);
    font-weight: 700;
    line-height: 1.55;
    white-space: nowrap;
}

.pg-why__benefit p {
    margin-block-start: 0.7cqw;
    color: #6e7080;
    font-size: clamp(9.5px, 1.58cqw, 11.4px);
    font-weight: 400;
    line-height: 1.65;
    white-space: nowrap;
}

.pg-why__benefit--templates p {
    max-width: 20cqw;
    line-height: 1.5;
    white-space: normal;
}

.pg-why__route {
    position: absolute;
    z-index: 4;
    display: block;
    color: var(--landing-brand);
    pointer-events: none;
}

    .pg-why__route::before {
        position: absolute;
        width: 1.05cqw;
        height: 1.05cqw;
        content: "";
        background: #5626ec;
        border: 0.17cqw solid rgba(255, 255, 255, 0.95);
        border-radius: 50%;
        box-shadow: 0 0.25cqw 0.8cqw rgba(var(--landing-brand-rgb), 0.2);
    }

.pg-why__route--prompt {
    inset-block-start: 66.55cqw;
    left: 19.75cqw;
    width: 7.6cqw;
    height: 16.7cqw;
    border-inline-end: 0.2cqw dashed rgba(var(--landing-brand-rgb), 0.76);
    border-block-end: 0.2cqw dashed rgba(var(--landing-brand-rgb), 0.76);
    border-radius: 0 0 7.3cqw 0;
    transform: rotate(-1deg);
}

    .pg-why__route--prompt::before {
        inset-block-start: -0.6cqw;
        right: -0.6cqw;
    }

.pg-why__route--templates {
    inset-block-start: 75.8cqw;
    left: 64.4cqw;
    width: 8.6cqw;
    height: 15.9cqw;
    border-block-start: 0.2cqw dashed rgba(var(--landing-brand-rgb), 0.76);
    border-inline-end: 0.2cqw dashed rgba(var(--landing-brand-rgb), 0.76);
    border-radius: 0 7.4cqw 0 0;
    transform: rotate(-1deg);
}

    .pg-why__route--templates::before {
        inset-block-start: -0.6cqw;
        right: -0.6cqw;
    }

.pg-why__route--natural {
    inset-block-start: 109.6cqw;
    left: 25.7cqw;
    width: 6.2cqw;
    height: 5.7cqw;
    border-block-start: 0.2cqw dashed rgba(var(--landing-brand-rgb), 0.76);
    border-inline-end: 0.2cqw dashed rgba(var(--landing-brand-rgb), 0.76);
    border-radius: 0 5cqw 0 0;
    transform: rotate(-22deg);
}

    .pg-why__route--natural::before {
        inset-block-start: -0.6cqw;
        left: -0.6cqw;
    }

.pg-why__route--fast {
    inset-block-start: 112.8cqw;
    left: 70.7cqw;
    width: 4.4cqw;
    height: 4.2cqw;
    border-block-start: 0.2cqw dashed rgba(var(--landing-brand-rgb), 0.76);
    border-inline-end: 0.2cqw dashed rgba(var(--landing-brand-rgb), 0.76);
    border-radius: 0 4cqw 0 0;
    transform: rotate(22deg);
}

    .pg-why__route--fast::before {
        inset-block-start: -0.6cqw;
        right: -0.55cqw;
    }

.pg-why__route--stores {
    inset-block-start: 141.7cqw;
    left: 49.6cqw;
    width: 0;
    height: 4.4cqw;
    border-inline-end: 0.2cqw dashed rgba(var(--landing-brand-rgb), 0.76);
    transform: rotate(-25deg);
}

    .pg-why__route--stores::before {
        inset-block-end: -0.6cqw;
        right: -0.6cqw;
    }

@supports not (font-size: 1cqw) {
    .pg-why__canvas {
        font-size: min(1vw, 7.2px);
    }
}

@media (max-width: 359px) {
    .pg-why__benefit h3 {
        font-weight: 700;
    }
}

/* --------------------------------------------------------------------------
   Landing hero
   -------------------------------------------------------------------------- */

.pg-hero {
    --pg-gallery-gap: clamp(10px, 1.95vw, 14px);
    --pg-gallery-card-width: clamp(112px, 26.4vw, 190px);
    --pg-gallery-row-one: clamp(116px, 27.5vw, 198px);
    --pg-gallery-row-two: clamp(108px, 25.55vw, 184px);
    --pg-gallery-row-three: clamp(84px, 19.75vw, 142px);
    position: relative;
    isolation: isolate;
    width: 100%;
    padding-block-start: 18px;
    overflow: hidden;
    background: var(--landing-white);
}

.pg-hero__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.pg-hero__badge {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 7px 16px;
    color: var(--landing-brand);
    background: rgba(var(--landing-brand-rgb), 0.075);
    border: 1px solid rgba(var(--landing-brand-rgb), 0.025);
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
    white-space: nowrap;
}

    .pg-hero__badge i {
        font-size: 17px;
    }

.pg-hero__title {
    max-width: 670px;
    margin: 24px 0 0;
    color: #090a10;
    font-size: clamp(30px, 8.3vw, 38px);
    font-weight: 700;
    line-height: 1.48;
    letter-spacing: normal;
    text-wrap: balance;
}

    .pg-hero__title span {
        display: block;
    }

.pg-hero__description {
    max-width: 600px;
    margin: 12px 0 0;
    color: #76798a;
    font-size: clamp(14px, 4vw, 16px);
    font-weight: 400;
    line-height: 1.9;
    text-wrap: balance;
}

.pg-hero__actions {
    display: grid;
    width: min(100%, 492px);
    gap: 10px;
    margin-block-start: 27px;
}

.pg-hero__button {
    position: relative;
    display: inline-flex;
    width: 100%;
    min-height: 58px;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 10px 22px;
    overflow: hidden;
    border: 1.5px solid transparent;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    outline: none;
    transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.pg-hero__button--primary {
    color: var(--landing-white) !important;
    background: var(--landing-brand);
    box-shadow: 0 14px 30px rgba(var(--landing-brand-rgb), 0.18);
}

    .pg-hero__button--primary::before {
        position: absolute;
        inset: 0;
        content: "";
        background: linear-gradient(120deg, transparent 18%, rgba(255, 255, 255, 0.1), transparent 82%);
        opacity: 0.65;
        pointer-events: none;
    }

.pg-hero__button--secondary {
    color: var(--landing-brand);
    background: var(--landing-white);
    border-color: var(--landing-brand);
    box-shadow: 0 5px 16px rgba(var(--landing-brand-rgb), 0.035);
}

.pg-hero__play-icon {
    display: grid;
    width: 29px;
    height: 29px;
    place-items: center;
    color: var(--landing-brand);
    border: 2px solid currentColor;
    border-radius: 50%;
}

    .pg-hero__play-icon i {
        position: relative;
        inset-inline-start: -0.5px;
        font-size: 15px;
    }

.pg-hero__button:focus-visible {
    outline: 3px solid rgba(var(--landing-brand-rgb), 0.22);
    outline-offset: 3px;
}

.pg-hero__reward {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin: 17px 0 0;
    color: #777a8c;
    font-size: clamp(11.5px, 3.35vw, 14px);
    font-weight: 400;
    line-height: 1.85;
    text-align: center;
}

    .pg-hero__reward i {
        flex: 0 0 auto;
        color: var(--landing-brand);
        font-size: 23px;
    }

.pg-hero-gallery {
    position: relative;
    width: 100%;
    margin-block-start: 18px;
    padding-block-end: 14px;
    direction: ltr;
    user-select: none;
    -webkit-user-select: none;
}

.pg-hero-gallery__viewport {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.pg-hero-gallery__rows {
    display: grid;
    width: 100%;
    gap: var(--pg-gallery-gap);
}

.pg-hero-gallery__row {
    position: relative;
    width: 100%;
    overflow: hidden;
    transform: translateZ(0);
}

.pg-hero-gallery__row--one {
    height: var(--pg-gallery-row-one);
}

.pg-hero-gallery__row--two {
    height: var(--pg-gallery-row-two);
}

.pg-hero-gallery__row--three {
    height: var(--pg-gallery-row-three);
}

.pg-hero-gallery__track {
    display: flex;
    width: max-content;
    height: 100%;
    align-items: stretch;
    will-change: transform;
    transform: translate3d(-18%, 0, 0);
    backface-visibility: hidden;
}

.pg-hero-gallery.is-ready .pg-hero-gallery__track {
    transition: opacity 240ms ease;
}

.pg-hero-gallery__set {
    display: flex;
    height: 100%;
    flex: 0 0 auto;
    gap: var(--pg-gallery-gap);
    padding-inline-end: var(--pg-gallery-gap);
}

.pg-hero-gallery__card {
    position: relative;
    width: var(--pg-gallery-card-width);
    height: 100%;
    flex: 0 0 var(--pg-gallery-card-width);
    margin: 0;
    overflow: hidden;
    background: radial-gradient(circle at 75% 22%, rgba(255, 255, 255, 0.92), transparent 29%), linear-gradient(145deg, #f6eadc, #efe4d8);
    border: 1px solid rgba(24, 26, 43, 0.035);
    border-radius: clamp(14px, 2.35vw, 18px);
    transform: translateZ(0);
}

    .pg-hero-gallery__card::after {
        position: absolute;
        inset: 0;
        content: "";
        border: 1px solid rgba(255, 255, 255, 0.26);
        border-radius: inherit;
        pointer-events: none;
    }

    .pg-hero-gallery__card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: opacity 220ms ease, transform 600ms var(--landing-ease);
        backface-visibility: hidden;
    }

    .pg-hero-gallery__card.has-image-error img {
        opacity: 0;
    }

.pg-hero-gallery__callout {
    position: absolute;
    z-index: 4;
    display: flex;
    width: clamp(142px, 26vw, 188px);
    min-height: clamp(58px, 9.6vw, 69px);
    align-items: center;
    gap: clamp(8px, 1.7vw, 12px);
    padding: 9px clamp(10px, 1.8vw, 13px);
    direction: rtl;
    color: var(--landing-ink);
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(29, 31, 51, 0.055);
    border-radius: clamp(12px, 2vw, 16px);
    box-shadow: 0 12px 28px rgba(28, 29, 50, 0.14), 0 2px 8px rgba(28, 29, 50, 0.05);
    pointer-events: none;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

.pg-hero-gallery__callout--product {
    inset-block-start: calc(var(--pg-gallery-row-one) - 32px);
    inset-inline-start: clamp(28px, 10vw, 90px);
}

.pg-hero-gallery__callout--quality {
    inset-block-start: calc(var(--pg-gallery-row-one) + 2px);
    inset-inline-end: clamp(28px, 10vw, 90px);
}

.pg-hero-gallery__callout-icon {
    display: grid;
    width: clamp(32px, 5.5vw, 40px);
    height: clamp(32px, 5.5vw, 40px);
    flex: 0 0 auto;
    place-items: center;
    color: var(--landing-brand);
}

    .pg-hero-gallery__callout-icon i {
        font-size: clamp(26px, 4.7vw, 34px);
    }

.pg-hero-gallery__callout-copy {
    display: grid;
    min-width: 0;
    gap: 0;
    text-align: right;
}

    .pg-hero-gallery__callout-copy strong,
    .pg-hero-gallery__callout-copy small {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pg-hero-gallery__callout-copy strong {
        color: #151621;
        font-size: clamp(12px, 2.2vw, 16px);
        font-weight: 700;
        line-height: 1.65;
    }

    .pg-hero-gallery__callout-copy small {
        color: #76798a;
        font-size: clamp(10.5px, 1.75vw, 12.5px);
        font-weight: 400;
        line-height: 1.6;
    }

.pg-hero-gallery__pagination {
    display: flex;
    min-height: 24px;
    align-items: center;
    justify-content: center;
    gap: 13px;
    margin-block-start: 12px;
    direction: ltr;
}

    .pg-hero-gallery__pagination span {
        display: block;
        width: 10px;
        height: 10px;
        background: #e3e4e8;
        border-radius: 50%;
        transition: width 220ms ease, background-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;
    }

        .pg-hero-gallery__pagination span.is-active {
            width: 11px;
            height: 11px;
            background: var(--landing-brand);
            box-shadow: 0 4px 10px rgba(var(--landing-brand-rgb), 0.2);
            transform: scale(1.06);
        }

@media (hover: hover) {
    .pg-hero__button:hover {
        transform: translateY(-1px);
    }

    .pg-hero__button--primary:hover {
        box-shadow: 0 18px 38px rgba(var(--landing-brand-rgb), 0.25);
    }

    .pg-hero__button--secondary:hover {
        background: rgba(var(--landing-brand-rgb), 0.045);
        box-shadow: 0 8px 22px rgba(var(--landing-brand-rgb), 0.07);
    }

    .pg-hero-gallery.is-paused .pg-hero-gallery__card img {
        transform: scale(1.018);
    }
}

@media (min-width: 600px) {
    .pg-hero {
        padding-block-start: 26px;
    }

    .pg-hero__badge {
        min-height: 42px;
        padding-inline: 19px;
        font-size: 14px;
    }

    .pg-hero__title {
        margin-block-start: 28px;
        font-size: clamp(40px, 6.7vw, 52px);
        line-height: 1.42;
        letter-spacing: normal;
    }

    .pg-hero__description {
        margin-block-start: 14px;
        font-size: 18px;
    }

    .pg-hero__actions {
        margin-block-start: 30px;
    }

    .pg-hero__button {
        min-height: 62px;
        border-radius: 13px;
        font-size: 17px;
    }

    .pg-hero__reward {
        margin-block-start: 18px;
        font-size: 15px;
    }

    .pg-hero-gallery {
        margin-block-start: 20px;
    }
}

@media (min-width: 992px) {
    .pg-hero {
        padding-block-start: 38px;
    }

    .pg-hero__badge {
        min-height: 44px;
        font-size: 14.5px;
    }

        .pg-hero__badge i {
            font-size: 19px;
        }

    .pg-hero__title {
        max-width: 800px;
        margin-block-start: 30px;
        font-size: 56px;
        line-height: 1.38;
        letter-spacing: normal;
    }

    .pg-hero__description {
        font-size: 19px;
    }

    .pg-hero__actions {
        margin-block-start: 32px;
    }

    .pg-hero__button {
        min-height: 64px;
        font-size: 17.5px;
    }

    .pg-hero-gallery {
        margin-block-start: 28px;
        padding-block-end: 20px;
    }

    .pg-hero-gallery__pagination {
        margin-block-start: 16px;
    }
}

@media (max-width: 359px) {
    .pg-hero {
        padding-block-start: 14px;
    }

    .pg-hero__badge {
        min-height: 35px;
        padding-inline: 13px;
        font-size: 12px;
    }

    .pg-hero__title {
        margin-block-start: 20px;
        font-size: 28px;
        letter-spacing: normal;
    }

    .pg-hero__description {
        font-size: 13.5px;
    }

    .pg-hero__actions {
        margin-block-start: 23px;
    }

    .pg-hero__button {
        min-height: 54px;
        font-size: 15px;
    }

    .pg-hero__reward {
        gap: 6px;
        font-size: 11.5px;
    }

        .pg-hero__reward i {
            font-size: 20px;
        }

    .pg-hero-gallery__callout {
        width: 134px;
        min-height: 55px;
    }

    .pg-hero-gallery__callout--product {
        inset-inline-start: 18px;
    }

    .pg-hero-gallery__callout--quality {
        inset-inline-end: 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pg-hero-gallery__track {
        will-change: auto;
    }

    .pg-hero-gallery__pagination span:not(:first-child) {
        background: #e3e4e8;
    }

    .pg-hero-gallery__pagination span:first-child {
        background: var(--landing-brand);
    }
}

/* --------------------------------------------------------------------------
   How it works
   -------------------------------------------------------------------------- */

.pg-how {
    position: relative;
    isolation: isolate;
    width: 100%;
    overflow: hidden;
    background: #fdfdff;
}

.pg-how__canvas {
    position: relative;
    width: min(100%, 720px);
    aspect-ratio: 720 / 1280;
    margin-inline: auto;
    overflow: hidden;
    container-name: pg-how-canvas;
    container-type: inline-size;
    color: #0d0e1d;
    background: radial-gradient(circle at 10% 40%, rgba(var(--landing-brand-rgb), 0.018), transparent 24%), radial-gradient(circle at 93% 72%, rgba(var(--landing-brand-rgb), 0.018), transparent 27%), #fdfdff;
}

.pg-how__sparkles {
    position: absolute;
    z-index: 5;
    inset-block-start: 6.15cqw;
    left: 50%;
    color: var(--landing-brand);
    font-size: 5.7cqw;
    line-height: 1;
    transform: translateX(-50%);
}

.pg-how__heading {
    position: absolute;
    z-index: 5;
    inset-block-start: 14.6cqw;
    inset-inline: 3cqw;
    text-align: center;
}

    .pg-how__heading h2,
    .pg-how__heading p,
    .pg-how__step h3,
    .pg-how__step p,
    .pg-how__ready-note {
        margin: 0;
    }

    .pg-how__heading h2 {
        color: #090a16;
        font-size: clamp(25px, 6.15cqw, 44.3px);
        font-weight: 700;
        line-height: 1.42;
        letter-spacing: normal;
        text-wrap: balance;
    }

    .pg-how__heading p {
        margin-block-start: 3cqw;
        color: #717382;
        font-size: clamp(13px, 2.75cqw, 19.8px);
        font-weight: 400;
        line-height: 1.6;
    }

.pg-how__step {
    position: absolute;
    z-index: 6;
    display: grid;
    grid-template-columns: 5cqw minmax(0, 1fr);
    align-items: start;
    gap: 3.15cqw;
    direction: ltr;
}

.pg-how__step--one {
    inset-block-start: 34.35cqw;
    left: 9.1cqw;
    width: 34.7cqw;
}

.pg-how__step--two {
    inset-block-start: 65.15cqw;
    left: 57.1cqw;
    width: 35.4cqw;
    gap: 1.6cqw;
}

.pg-how__step--three {
    inset-block-start: 147.8cqw;
    left: 60.25cqw;
    width: 35.7cqw;
    gap: 2.5cqw;
}

.pg-how__step-number {
    display: grid;
    width: 5cqw;
    height: 5cqw;
    place-items: center;
    color: var(--landing-white);
    background: var(--landing-brand);
    border-radius: 50%;
    box-shadow: 0 0.7cqw 1.8cqw rgba(var(--landing-brand-rgb), 0.16);
    font-size: clamp(11px, 2.65cqw, 19px);
    font-weight: 700;
    line-height: 1;
}

.pg-how__step-copy {
    min-width: 0;
    direction: rtl;
    text-align: left;
}

.pg-how__step h3 {
    color: #0b0c17;
    font-size: clamp(13px, 2.72cqw, 19.6px);
    font-weight: 700;
    line-height: 1.72;
    letter-spacing: normal;
    white-space: nowrap;
}

.pg-how__step p {
    margin-block-start: 0.55cqw;
    color: #696b79;
    font-size: clamp(10.75px, 2.14cqw, 15.4px);
    font-weight: 400;
    line-height: 1.88;
    white-space: nowrap;
}

.pg-how__device {
    position: absolute;
    z-index: 3;
    padding: 0.82cqw;
    background: rgba(255, 255, 255, 0.99);
    border: 0.16cqw solid #e9eaf0;
    border-radius: 4.15cqw;
    box-shadow: 0 2.2cqw 6cqw rgba(27, 29, 55, 0.095), 0 0.35cqw 1cqw rgba(27, 29, 55, 0.045), inset 0 0 0 0.14cqw rgba(248, 248, 251, 0.95);
}

    .pg-how__device::after {
        position: absolute;
        inset: 0.35cqw;
        content: "";
        border: 0.12cqw solid rgba(222, 223, 231, 0.75);
        border-radius: 3.65cqw;
        pointer-events: none;
    }

.pg-how__device--templates {
    inset-block-start: 53cqw;
    left: 9.05cqw;
    width: 39.2cqw;
    height: 64.2cqw;
}

.pg-how__device--details {
    inset-block-start: 84cqw;
    left: 53.8cqw;
    width: 35.8cqw;
    height: 53.75cqw;
}

.pg-how__device--result {
    z-index: 4;
    inset-block-start: 117.95cqw;
    left: 11.7cqw;
    width: 38.8cqw;
    height: 56.6cqw;
    transform: rotate(-5.4deg);
    transform-origin: 50% 50%;
}

.pg-how__screen {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    color: #151621;
    background: var(--landing-white);
    border: 0.12cqw solid #eff0f4;
    border-radius: 3.35cqw;
}

.pg-how__appbar {
    display: flex;
    height: 6.55cqw;
    align-items: center;
    justify-content: space-between;
    padding-inline: 1.75cqw;
    direction: rtl;
    background: rgba(255, 255, 255, 0.98);
    border-bottom: 0.12cqw solid #ededf2;
}

.pg-how__mini-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.55cqw;
    color: var(--landing-brand);
    line-height: 1;
}

    .pg-how__mini-brand i {
        font-size: 2.25cqw;
    }

    .pg-how__mini-brand strong {
        font-size: 2.03cqw;
        font-weight: 700;
        letter-spacing: -0.06cqw;
    }

.pg-how__mini-menu {
    color: #717481;
    font-size: 2.38cqw;
}

.pg-how__template-intro {
    display: grid;
    height: 8.65cqw;
    align-content: center;
    justify-items: center;
    gap: 0.22cqw;
    text-align: center;
}

    .pg-how__template-intro strong {
        font-size: 1.95cqw;
        font-weight: 700;
        line-height: 1.45;
    }

    .pg-how__template-intro span {
        color: #767885;
        font-size: 1.25cqw;
        font-weight: 400;
        line-height: 1.55;
    }

.pg-how__template-grid {
    display: grid;
    height: calc(100% - 15.2cqw);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 1.05cqw 1.25cqw;
    padding: 1.05cqw 2.7cqw 1.55cqw;
    direction: ltr;
}

.pg-how__template-card {
    position: relative;
    display: grid;
    min-width: 0;
    grid-template-rows: 64% 1fr;
    overflow: hidden;
    direction: rtl;
    background: #fff;
    border: 0.13cqw solid #e7e8ed;
    border-radius: 1.45cqw;
    box-shadow: 0 0.45cqw 1.1cqw rgba(28, 30, 53, 0.055);
    text-align: center;
}

    .pg-how__template-card.is-selected {
        border: 0.23cqw solid var(--landing-brand);
        box-shadow: 0 0.55cqw 1.45cqw rgba(var(--landing-brand-rgb), 0.11);
    }

        .pg-how__template-card.is-selected::before {
            position: absolute;
            z-index: -1;
            inset-block-start: 50%;
            left: -1.25cqw;
            width: 0.7cqw;
            height: 5.3cqw;
            content: "";
            border-inline-start: 0.22cqw dotted rgba(var(--landing-brand-rgb), 0.5);
            transform: translateY(-50%);
        }

    .pg-how__template-card img {
        width: 100%;
        height: 100%;
        min-height: 0;
        object-fit: cover;
        object-position: center;
    }

    .pg-how__template-card > :not(img):not(.pg-how__selected-badge) {
        position: relative;
        z-index: 1;
    }

.pg-how__template-name {
    align-self: start;
    padding: 0.62cqw 0.25cqw 0;
    color: #181922;
    font-size: 1.16cqw;
    font-weight: 700;
    line-height: 1.48;
}

.pg-how__template-card small {
    position: absolute !important;
    inset-block-end: 0.38cqw;
    inset-inline-end: 0.65cqw;
    padding: 0.08cqw 0.42cqw;
    color: var(--landing-brand);
    background: rgba(var(--landing-brand-rgb), 0.055);
    border-radius: 0.5cqw;
    font-size: 0.74cqw;
    font-weight: 700;
    line-height: 1.4;
}

.pg-how__selected-badge {
    position: absolute;
    z-index: 3;
    inset-block-start: 0.65cqw;
    right: 0.62cqw;
    display: grid;
    width: 2.65cqw;
    height: 2.65cqw;
    place-items: center;
    color: #fff;
    background: var(--landing-brand);
    border: 0.18cqw solid #fff;
    border-radius: 0.65cqw;
    box-shadow: 0 0.35cqw 0.9cqw rgba(var(--landing-brand-rgb), 0.2);
}

    .pg-how__selected-badge i {
        font-size: 1.6cqw;
        font-weight: 700;
    }

.pg-how__form {
    padding: 1.45cqw 2.05cqw 2cqw;
    text-align: right;
}

.pg-how__form-title {
    display: block;
    font-size: 1.83cqw;
    font-weight: 700;
    line-height: 1.7;
    text-align: center;
}

.pg-how__upload-box {
    display: grid;
    height: 12.75cqw;
    margin-block: 1.35cqw 2.45cqw;
    place-content: center;
    justify-items: center;
    gap: 0.55cqw;
    color: #686a77;
    background: #fefeff;
    border: 0.16cqw dashed #d8d9e2;
    border-radius: 1.05cqw;
}

    .pg-how__upload-box i {
        color: var(--landing-brand);
        font-size: 3.25cqw;
    }

    .pg-how__upload-box span {
        font-size: 1.37cqw;
        font-weight: 400;
        line-height: 1.5;
    }

.pg-how__form label {
    display: block;
    margin-block-end: 0.5cqw;
    color: #696b78;
    font-size: 1.33cqw;
    font-weight: 400;
    line-height: 1.6;
}

    .pg-how__form label:not(:first-of-type) {
        margin-block-start: 1.95cqw;
    }

.pg-how__fake-input,
.pg-how__fake-select {
    display: flex;
    height: 5.55cqw;
    align-items: center;
    color: #4e505d;
    background: #fff;
    border: 0.15cqw solid #d6d7df;
    border-radius: 0.75cqw;
    box-shadow: inset 0 0.12cqw 0.35cqw rgba(24, 26, 48, 0.025);
    font-size: 1.38cqw;
    font-weight: 400;
}

.pg-how__fake-input {
    justify-content: flex-start;
    padding-inline: 1.15cqw;
}

.pg-how__fake-select {
    justify-content: space-between;
    padding-inline: 1.2cqw;
    direction: ltr;
}

    .pg-how__fake-select i {
        color: #626471;
        font-size: 1.65cqw;
    }

.pg-how__result-art {
    position: relative;
    height: 34.9cqw;
    overflow: hidden;
    background: #e8dac9;
}

    .pg-how__result-art img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 35% center;
    }

.pg-how__result-actions {
    display: grid;
    gap: 0.95cqw;
    padding: 1.28cqw 1.7cqw 1.55cqw;
}

.pg-how__result-button {
    display: inline-flex;
    height: 5.78cqw;
    align-items: center;
    justify-content: center;
    gap: 1.05cqw;
    border: 0.15cqw solid transparent;
    border-radius: 0.72cqw;
    font-size: 1.48cqw;
    font-weight: 700;
    line-height: 1;
}

    .pg-how__result-button i {
        font-size: 2.05cqw;
    }

.pg-how__result-button--primary {
    color: #fff;
    background: var(--landing-brand);
    box-shadow: 0 0.7cqw 1.5cqw rgba(var(--landing-brand-rgb), 0.16);
}

.pg-how__result-button--secondary {
    color: #555765;
    background: #fff;
    border-color: #d7d8e0;
}

.pg-how__route {
    position: absolute;
    z-index: 2;
    color: var(--landing-brand);
    pointer-events: none;
}

    .pg-how__route::before {
        position: absolute;
        inset: 0;
        content: "";
        border-color: var(--landing-brand);
        border-style: dashed;
        border-width: 0.22cqw;
        opacity: 0.9;
    }

    .pg-how__route i {
        position: absolute;
        z-index: 2;
        font-size: 3.3cqw;
        line-height: 1;
    }

.pg-how__route--one {
    inset-block-start: 54cqw;
    left: 51.25cqw;
    width: 12.5cqw;
    height: 4.5cqw;
    transform: rotate(6deg);
}

    .pg-how__route--one::before {
        border-bottom: 0;
        border-left: 0;
        border-radius: 0 7cqw 0 0;
    }

    .pg-how__route--one i {
        inset-block-end: -2.05cqw;
        right: -1.58cqw;
        transform: rotate(-44deg);
    }

.pg-how__route--two {
    inset-block-start: 134.9cqw;
    left: 55.2cqw;
    width: 18.25cqw;
    height: 5.7cqw;
    transform: rotate(-8deg);
}

    .pg-how__route--two::before {
        border-right: 0;
        border-bottom: 0;
        border-radius: 7cqw 0 0 0;
    }

    .pg-how__route--two i {
        inset-block-end: -2.15cqw;
        left: -1.52cqw;
        transform: rotate(43deg);
    }

.pg-how__ready-note {
    position: absolute;
    z-index: 7;
    inset-block-start: 165.4cqw;
    left: 63.15cqw;
    color: var(--landing-brand);
    font-family: "KalamehWeb", Tahoma, Arial, sans-serif;
    font-size: clamp(11.5px, 2.3cqw, 16.6px);
    font-weight: 700;
    line-height: 1.55;
    transform: rotate(-6deg);
}

    .pg-how__ready-note::before,
    .pg-how__ready-note::after {
        position: absolute;
        inset-inline: -0.7cqw -1.2cqw;
        content: "";
        border-block-start: 0.18cqw solid var(--landing-brand);
        border-radius: 50%;
        transform-origin: center;
    }

    .pg-how__ready-note::before {
        inset-block-end: -0.3cqw;
        transform: rotate(-3deg);
    }

    .pg-how__ready-note::after {
        inset-block-end: -0.85cqw;
        opacity: 0.72;
        transform: rotate(3deg) scaleX(0.83);
    }

@supports not (font-size: 1cqw) {
    .pg-how__canvas {
        font-size: min(1vw, 7.2px);
    }
}

@media (max-width: 359px) {
    .pg-how__step h3 {
        font-weight: 700;
    }

    .pg-how__step p {
        font-size: 10.5px;
    }
}

/* --------------------------------------------------------------------------
   Before / after comparison slider
   -------------------------------------------------------------------------- */

.landing-visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.pg-compare {
    position: relative;
    isolation: isolate;
    width: 100%;
    overflow: hidden;
    background: #fdfdff;
}

.pg-compare__canvas {
    --pg-compare-tone: #ead4b9;
    --pg-compare-drag: 0px;
    position: relative;
    width: min(100%, 720px);
    aspect-ratio: 720 / 1280;
    margin-inline: auto;
    overflow: hidden;
    color: #0b0c1a;
    background: radial-gradient(circle at 11% 49%, rgba(var(--landing-brand-rgb), 0.024), transparent 25%), radial-gradient(circle at 91% 68%, rgba(var(--landing-brand-rgb), 0.022), transparent 24%), #fdfdff;
    outline: none;
    container-name: pg-compare-canvas;
    container-type: inline-size;
    touch-action: pan-y pinch-zoom;
    user-select: none;
    -webkit-user-select: none;
}

    .pg-compare__canvas:focus-visible .pg-compare__after-card {
        box-shadow: 0 0 0 0.35cqw rgba(var(--landing-brand-rgb), 0.2), 0 2.5cqw 6.5cqw rgba(29, 31, 54, 0.11);
    }

.pg-compare__sparkles {
    position: absolute;
    z-index: 9;
    inset-block-start: 9.55cqw;
    left: 50%;
    color: var(--landing-brand);
    font-size: 5.45cqw;
    line-height: 1;
    transform: translateX(-50%);
}

.pg-compare__heading {
    position: absolute;
    z-index: 9;
    inset-block-start: 17.65cqw;
    inset-inline: 2.5cqw;
    text-align: center;
}

    .pg-compare__heading h2,
    .pg-compare__heading p,
    .pg-compare__feature h3,
    .pg-compare__feature p {
        margin: 0;
    }

    .pg-compare__heading h2 {
        color: #090a16;
        font-size: clamp(24px, 5.8cqw, 41.8px);
        font-weight: 700;
        line-height: 1.45;
        letter-spacing: normal;
        text-wrap: balance;
    }

    .pg-compare__heading p {
        margin-block-start: 2.45cqw;
        color: #6f7180;
        font-size: clamp(13px, 2.85cqw, 20.5px);
        font-weight: 400;
        line-height: 1.65;
    }

.pg-compare__source-stack {
    position: absolute;
    z-index: 4;
    inset-block-start: 64cqw;
    left: 2.4cqw;
    width: 35cqw;
    height: 50.5cqw;
    cursor: grab;
    transform: translateX(var(--pg-compare-drag));
    transition: transform 360ms var(--landing-ease);
}

.pg-compare__canvas.is-dragging .pg-compare__source-stack {
    cursor: grabbing;
    transition: none;
}

.pg-compare__source-card {
    position: absolute;
    inset: 0;
    margin: 0;
    overflow: hidden;
    background: #fff;
    border: 0.12cqw solid rgba(234, 235, 241, 0.94);
    border-radius: 3.35cqw;
    box-shadow: 0 1.6cqw 4.4cqw rgba(30, 32, 55, 0.075), 0 0.25cqw 0.8cqw rgba(30, 32, 55, 0.035);
    transform-origin: 50% 55%;
    transition: transform 480ms var(--landing-ease), opacity 360ms ease;
}

.pg-compare__source-card--far {
    z-index: 1;
    opacity: 0.52;
    transform: translate(-2.05cqw, 1.5cqw) rotate(-1.9deg) scale(0.957);
}

.pg-compare__source-card--near {
    z-index: 2;
    opacity: 0.74;
    transform: translate(-1cqw, 0.78cqw) rotate(-0.85deg) scale(0.98);
}

.pg-compare__source-card--front {
    z-index: 3;
}

.pg-compare__source-card img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #fff;
    pointer-events: none;
    -webkit-user-drag: none;
}

.pg-compare__source-card--front img {
    padding: 5.8cqw 0.7cqw 1.2cqw;
    filter: saturate(0.82) contrast(0.97) brightness(1.035);
}

.pg-compare__source-card--near img,
.pg-compare__source-card--far img {
    padding: 4.5cqw 0.5cqw 0.8cqw;
    filter: saturate(0.7) brightness(1.05);
}

.pg-compare__label {
    position: absolute;
    z-index: 6;
    display: inline-flex;
    min-width: 10.8cqw;
    height: 4.5cqw;
    align-items: center;
    justify-content: center;
    padding-inline: 1.5cqw;
    border-radius: 999px;
    font-size: clamp(10px, 1.95cqw, 14px);
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.pg-compare__label--before {
    inset-block-start: 2.55cqw;
    left: 50%;
    color: #232432;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 0.45cqw 1.4cqw rgba(27, 29, 51, 0.055);
    transform: translateX(-50%);
}

.pg-compare__after-card {
    position: absolute;
    z-index: 3;
    inset-block-start: 44cqw;
    left: 39cqw;
    width: 50cqw;
    height: 80.5cqw;
    margin: 0;
    overflow: hidden;
    background: var(--pg-compare-tone);
    border: 0.15cqw solid rgba(255, 255, 255, 0.9);
    border-radius: 4.25cqw;
    box-shadow: 0 2.4cqw 6.4cqw rgba(28, 30, 53, 0.095), 0 0.35cqw 1.1cqw rgba(28, 30, 53, 0.04);
    transform: translateX(0);
    transition: background-color 420ms ease, box-shadow 240ms ease, transform 360ms var(--landing-ease);
}

.pg-compare__canvas.is-dragging .pg-compare__after-card {
    transition: background-color 420ms ease, box-shadow 240ms ease;
}

.pg-compare__after-card::after {
    position: absolute;
    z-index: 2;
    inset: 0;
    content: "";
    background: linear-gradient(140deg, rgba(255, 255, 255, 0.23), transparent 32%), linear-gradient(0deg, rgba(94, 66, 34, 0.04), transparent 38%);
    pointer-events: none;
}

.pg-compare__after-card > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    mix-blend-mode: multiply;
    filter: saturate(0.9) contrast(0.99) brightness(1.045);
    pointer-events: none;
    -webkit-user-drag: none;
}

.pg-compare__label--after {
    inset-block-start: 4.15cqw;
    left: 50%;
    color: #fff;
    background: linear-gradient(135deg, #3224dc, #6d24f4);
    box-shadow: 0 0.85cqw 2.1cqw rgba(var(--landing-brand-rgb), 0.22);
    transform: translateX(-50%);
}

.pg-compare__direction {
    position: absolute;
    z-index: 5;
    inset-block-start: 53.8cqw;
    left: 23.1cqw;
    width: 13.25cqw;
    height: 8.5cqw;
    color: var(--landing-brand);
    pointer-events: none;
}

    .pg-compare__direction i {
        display: block;
        font-size: 8.2cqw;
        line-height: 1;
        transform: scale(1.65, 0.92) rotate(-7deg);
        transform-origin: 50% 50%;
    }

.pg-compare__callout {
    position: absolute;
    z-index: 7;
    display: flex;
    width: 28.5cqw;
    height: 11.6cqw;
    align-items: center;
    justify-content: space-between;
    gap: 0.35cqw;
    padding: 1.2cqw 1.1cqw;
    direction: rtl;
    background: rgba(255, 255, 255, 0.97);
    border: 0.12cqw solid rgba(234, 235, 241, 0.82);
    border-radius: 2.2cqw;
    box-shadow: 0 1.3cqw 3.6cqw rgba(28, 30, 53, 0.095), 0 0.2cqw 0.8cqw rgba(28, 30, 53, 0.035);
    transform: translateX(0);
    transition: transform 360ms var(--landing-ease);
}

.pg-compare__callout--one {
    inset-block-start: 63.8cqw;
    left: 69.5cqw;
}

.pg-compare__callout--two {
    inset-block-start: 80.35cqw;
    left: 69.5cqw;
}

.pg-compare__callout > i {
    flex: 0 0 auto;
    color: var(--landing-brand);
    font-size: 4.35cqw;
    line-height: 1;
}

.pg-compare__callout-copy {
    display: grid;
    min-width: 0;
    flex: 1 1 auto;
    gap: 0.15cqw;
    text-align: right;
}

    .pg-compare__callout-copy strong,
    .pg-compare__callout-copy small {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pg-compare__callout-copy strong {
        color: #171823;
        font-size: clamp(10px, 1.72cqw, 12.4px);
        font-weight: 700;
        line-height: 1.65;
    }

    .pg-compare__callout-copy small {
        color: #6f7180;
        font-size: clamp(9.5px, 1.34cqw, 9.65px);
        font-weight: 400;
        line-height: 1.65;
    }

.pg-compare__detail-route {
    position: absolute;
    z-index: 5;
    inset-block-start: 109.4cqw;
    left: 65.8cqw;
    width: 12.3cqw;
    height: 9.3cqw;
    border-inline-end: 0.22cqw dashed rgba(var(--landing-brand-rgb), 0.65);
    border-block-end: 0.22cqw dashed rgba(var(--landing-brand-rgb), 0.65);
    border-radius: 0 0 9cqw 0;
    transform: rotate(7deg);
    pointer-events: none;
}

.pg-compare__detail {
    position: absolute;
    z-index: 8;
    inset-block-start: 107cqw;
    left: 78cqw;
    width: 21.5cqw;
    height: 21.5cqw;
    margin: 0;
    overflow: hidden;
    background: var(--pg-compare-tone);
    border: 0.7cqw solid #fff;
    border-radius: 50%;
    box-shadow: 0 1.4cqw 4cqw rgba(27, 29, 51, 0.16), 0 0.25cqw 0.8cqw rgba(27, 29, 51, 0.055);
    transform: translateX(0);
    transition: background-color 420ms ease, transform 360ms var(--landing-ease);
}

    .pg-compare__detail img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        mix-blend-mode: multiply;
        filter: saturate(0.95) contrast(1.025) brightness(1.02);
        transform: scale(var(--pg-compare-detail-scale, 2.25));
        pointer-events: none;
        -webkit-user-drag: none;
    }

.pg-compare__features {
    position: absolute;
    z-index: 6;
    inset-block-start: 139.15cqw;
    left: 3.05cqw;
    display: grid;
    width: 93.9cqw;
    height: 28.4cqw;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    direction: rtl;
    background: rgba(255, 255, 255, 0.975);
    border: 0.12cqw solid rgba(239, 240, 245, 0.9);
    border-radius: 3.25cqw;
    box-shadow: 0 1.7cqw 5cqw rgba(29, 31, 54, 0.075), 0 0.25cqw 0.9cqw rgba(29, 31, 54, 0.035);
}

.pg-compare__feature {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2.5cqw 1.15cqw 2.15cqw;
    text-align: center;
}

    .pg-compare__feature:not(:last-child)::after {
        position: absolute;
        inset-block-start: 7.7cqw;
        left: 0;
        width: 0.12cqw;
        height: 12.9cqw;
        content: "";
        background: #ececf2;
    }

.pg-compare__feature-icon {
    display: grid;
    width: 8.15cqw;
    height: 8.15cqw;
    place-items: center;
    color: var(--landing-brand);
    background: rgba(var(--landing-brand-rgb), 0.065);
    border-radius: 50%;
}

    .pg-compare__feature-icon i {
        font-size: 4.15cqw;
    }

.pg-compare__feature h3 {
    margin-block-start: 1.45cqw;
    color: #151620;
    font-size: clamp(11px, 2.35cqw, 16.9px);
    font-weight: 700;
    line-height: 1.55;
    white-space: nowrap;
}

.pg-compare__feature p {
    margin-block-start: 0.35cqw;
    color: #6f7180;
    font-size: clamp(9.5px, 1.75cqw, 12.6px);
    font-weight: 400;
    line-height: 1.75;
    white-space: nowrap;
}

.pg-compare__canvas.is-changing .pg-compare__source-card--front img,
.pg-compare__canvas.is-changing .pg-compare__after-card > img,
.pg-compare__canvas.is-changing .pg-compare__detail img {
    animation: pg-compare-media-reveal 520ms var(--landing-ease) both;
}

.pg-compare__canvas.is-changing .pg-compare__callout {
    animation: pg-compare-badge-reveal 470ms var(--landing-ease) both;
}

.pg-compare__canvas.is-changing .pg-compare__callout--two {
    animation-delay: 55ms;
}

.pg-compare__canvas.is-changing-next .pg-compare__source-card--near {
    transform: translate(-1.15cqw, 0.95cqw) rotate(-1.15deg) scale(0.972);
}

.pg-compare__canvas.is-changing-previous .pg-compare__source-card--near {
    transform: translate(-0.35cqw, 0.55cqw) rotate(-0.35deg) scale(0.988);
}

@keyframes pg-compare-media-reveal {
    from {
        opacity: 0.18;
        filter: blur(0.85cqw) saturate(0.75);
    }

    to {
        opacity: 1;
    }
}

@keyframes pg-compare-badge-reveal {
    from {
        opacity: 0;
        translate: 0 1.5cqw;
    }

    to {
        opacity: 1;
        translate: 0 0;
    }
}

@media (max-width: 359px) {
    .pg-compare__callout-copy strong {
        font-weight: 700;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pg-compare__source-stack,
    .pg-compare__source-card,
    .pg-compare__after-card,
    .pg-compare__callout,
    .pg-compare__detail {
        transition-duration: 0.01ms !important;
    }

    .pg-compare__canvas.is-changing .pg-compare__source-card--front img,
    .pg-compare__canvas.is-changing .pg-compare__after-card > img,
    .pg-compare__canvas.is-changing .pg-compare__detail img,
    .pg-compare__canvas.is-changing .pg-compare__callout {
        animation: none !important;
    }
}

/* --------------------------------------------------------------------------
   Real examples categorized carousel
   -------------------------------------------------------------------------- */

.pg-showcase {
    position: relative;
    isolation: isolate;
    width: 100%;
    overflow: hidden;
    background: #fbfaff;
}

.pg-showcase__canvas {
    --pg-showcase-ease: cubic-bezier(0.16, 1, 0.3, 1);
    --pg-showcase-drag: 0px;
    --pg-showcase-switch-shift: 8cqw;
    position: relative;
    width: min(100%, 720px);
    aspect-ratio: 720 / 739;
    margin-inline: auto;
    overflow: hidden;
    color: #0b0c1a;
    background: radial-gradient(circle at 50% 56%, rgba(255, 255, 255, 0.94), transparent 48%), linear-gradient(154deg, #fdfcff 0%, #faf9ff 58%, #fdfcff 100%);
    outline: none;
    container-name: pg-showcase-canvas;
    container-type: inline-size;
    user-select: none;
    -webkit-user-select: none;
}

    .pg-showcase__canvas:focus-visible .pg-showcase__card[data-position="0"] {
        box-shadow: 0 0 0 0.35cqw rgba(var(--landing-brand-rgb), 0.2), 0 2.2cqw 6cqw rgba(26, 28, 54, 0.13);
    }

.pg-showcase__background {
    position: absolute;
    z-index: 0;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.pg-showcase__decoration,
.pg-showcase__blob {
    position: absolute;
    color: var(--landing-brand);
}

.pg-showcase__decoration--left {
    inset-block-start: 8.4cqw;
    left: 6cqw;
    font-size: 8.7cqw;
    line-height: 1;
    opacity: 0.043;
    transform: rotate(-9deg);
}

.pg-showcase__decoration--right {
    inset-block-start: 20.4cqw;
    right: 7.2cqw;
    font-size: 4.4cqw;
    line-height: 1;
    opacity: 0.035;
    transform: rotate(12deg);
}

.pg-showcase__blob {
    inset-block-start: -9cqw;
    right: -14.5cqw;
    width: 23cqw;
    height: 49cqw;
    background: rgba(var(--landing-brand-rgb), 0.022);
    border-radius: 55% 0 0 66%;
    transform: rotate(-13deg);
}

.pg-showcase__heading {
    position: absolute;
    z-index: 8;
    inset-block-start: 3.65cqw;
    inset-inline: 2.5cqw;
    line-height: 1;
    text-align: center;
}

.pg-showcase__eyebrow {
    display: inline-flex;
    width: 29.3cqw;
    height: 6.15cqw;
    align-items: center;
    justify-content: center;
    gap: 0.62cqw;
    padding-inline: 1cqw;
    color: #3321d8;
    background: linear-gradient(135deg, rgba(236, 231, 255, 0.97), rgba(248, 246, 255, 0.99));
    border: 0.1cqw solid rgba(var(--landing-brand-rgb), 0.025);
    border-radius: 999px;
    box-shadow: 0 0.45cqw 1.45cqw rgba(var(--landing-brand-rgb), 0.026);
    font-size: clamp(11.5px, 2.08cqw, 15px);
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

    .pg-showcase__eyebrow i {
        font-size: 2.75cqw;
    }

.pg-showcase__heading h2,
.pg-showcase__heading p {
    margin: 0;
}

.pg-showcase__heading h2 {
    margin-block-start: 3.2cqw;
    color: #080915;
    font-size: clamp(23px, 6.65cqw, 47.9px);
    font-weight: 700;
    line-height: 1.34;
    letter-spacing: normal;
    white-space: nowrap;
}

.pg-showcase__heading p {
    margin-block-start: 1.28cqw;
    color: #696b79;
    font-size: clamp(13px, 2.5cqw, 18px);
    font-weight: 400;
    line-height: 1.72;
}

.pg-showcase__tabs {
    position: absolute;
    z-index: 9;
    inset-block-start: 31.45cqw;
    left: 7.45cqw;
    display: grid;
    width: 85.1cqw;
    height: 8.55cqw;
    grid-template-columns: 1.18fr 1fr 0.96fr 1.02fr;
    gap: 1.55cqw;
    direction: rtl;
}

.pg-showcase__tab {
    display: inline-flex;
    min-width: 0;
    height: 100%;
    align-items: center;
    justify-content: center;
    gap: 0.78cqw;
    padding: 0 1.2cqw;
    color: #30313f;
    background: rgba(255, 255, 255, 0.94);
    border: 0.12cqw solid rgba(230, 231, 239, 0.92);
    border-radius: 2.35cqw;
    box-shadow: 0 1.3cqw 3.6cqw rgba(28, 30, 54, 0.06), 0 0.2cqw 0.8cqw rgba(28, 30, 54, 0.025);
    cursor: pointer;
    font-size: clamp(10.5px, 1.96cqw, 14.1px);
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
    transition: color 260ms ease, background 320ms var(--landing-ease), border-color 260ms ease, box-shadow 320ms ease, transform 220ms ease;
}

body.landing-page .pg-showcase__tab {
    font-size: clamp(10.5px, 1.96cqw, 14.1px);
    font-weight: 400;
}

.pg-showcase__tab i {
    flex: 0 0 auto;
    color: #4731dc;
    font-size: 3.65cqw;
    line-height: 1;
    transition: color 260ms ease;
}

.pg-showcase__tab span {
    display: inline-block;
}

.pg-showcase__tab:hover {
    transform: translateY(-0.2cqw);
}

.pg-showcase__tab:focus-visible {
    outline: 0.35cqw solid rgba(var(--landing-brand-rgb), 0.22);
    outline-offset: 0.25cqw;
}

.pg-showcase__tab.is-active {
    color: #fff;
    background: linear-gradient(135deg, #3426df 0%, #5022e8 58%, #6926ee 100%);
    border-color: transparent;
    box-shadow: 0 1.4cqw 3.5cqw rgba(var(--landing-brand-rgb), 0.25), 0 0.3cqw 1cqw rgba(91, 33, 235, 0.12);
}

    .pg-showcase__tab.is-active i {
        color: #fff;
    }

.pg-showcase__stage {
    position: absolute;
    z-index: 3;
    inset-block-start: 43.75cqw;
    inset-inline: 0;
    height: 53.35cqw;
    overflow: visible;
    touch-action: pan-y pinch-zoom;
    cursor: grab;
}

.pg-showcase__canvas.is-dragging .pg-showcase__stage {
    cursor: grabbing;
}

.pg-showcase__card {
    position: absolute;
    inset-block-start: 0;
    left: 50%;
    width: 64cqw;
    height: 53.25cqw;
    margin: 0;
    overflow: hidden;
    background: #eee9e4;
    border: 0.32cqw solid rgba(255, 255, 255, 0.96);
    border-radius: 4.05cqw;
    box-shadow: 0 1.75cqw 4.9cqw rgba(27, 29, 54, 0.1), 0 0.25cqw 0.85cqw rgba(27, 29, 54, 0.035);
    translate: var(--pg-showcase-drag) 0;
    transform-origin: center center;
    transition: transform 760ms var(--pg-showcase-ease), translate 520ms var(--pg-showcase-ease), opacity 540ms ease, filter 620ms ease, box-shadow 520ms ease;
    backface-visibility: hidden;
    will-change: transform, translate, opacity;
}

    .pg-showcase__card > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: saturate(0.86) contrast(0.97) brightness(1.045);
        pointer-events: none;
        transform: scale(var(--pg-showcase-image-scale, 1));
        transition: filter 540ms ease, transform 680ms var(--pg-showcase-ease);
        backface-visibility: hidden;
        -webkit-user-drag: none;
    }

    .pg-showcase__card::after {
        position: absolute;
        z-index: 2;
        inset: 0;
        content: "";
        background: linear-gradient(145deg, rgba(255, 250, 242, 0.13), transparent 34%), linear-gradient(0deg, rgba(74, 47, 93, 0.035), transparent 38%);
        pointer-events: none;
    }

    .pg-showcase__card[data-position="0"] {
        z-index: 7;
        opacity: 1;
        filter: none;
        transform: translateX(-50%) scale(1);
    }

    .pg-showcase__card[data-position="-1"] {
        z-index: 5;
        opacity: 0.94;
        filter: saturate(0.78) brightness(1.02);
        transform: translateX(-50%) translateX(-16.7cqw) scale(0.83);
    }

    .pg-showcase__card[data-position="1"] {
        z-index: 5;
        opacity: 0.94;
        filter: saturate(0.78) brightness(1.02);
        transform: translateX(-50%) translateX(16.7cqw) scale(0.83);
    }

    .pg-showcase__card[data-position="-2"] {
        z-index: 2;
        opacity: 0.67;
        filter: saturate(0.58) brightness(1.06);
        transform: translateX(-50%) translateX(-30cqw) scale(0.6);
    }

    .pg-showcase__card[data-position="2"] {
        z-index: 2;
        opacity: 0.67;
        filter: saturate(0.58) brightness(1.06);
        transform: translateX(-50%) translateX(30cqw) scale(0.6);
    }

    .pg-showcase__card[data-position="-3"] {
        z-index: 1;
        opacity: 0;
        transform: translateX(-50%) translateX(-46cqw) scale(0.48);
    }

    .pg-showcase__card[data-position="3"] {
        z-index: 1;
        opacity: 0;
        transform: translateX(-50%) translateX(46cqw) scale(0.48);
    }

    .pg-showcase__card.is-recycling,
    .pg-showcase__canvas.is-dragging .pg-showcase__card {
        transition: none !important;
    }

.pg-showcase__canvas.is-switching .pg-showcase__card {
    opacity: 0 !important;
    translate: var(--pg-showcase-switch-shift) 0;
}

.pg-showcase__card-label {
    position: absolute;
    z-index: 4;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity 420ms ease;
}

.pg-showcase__card[data-position="0"] .pg-showcase__card-label {
    opacity: 1;
}

.pg-showcase__kind,
.pg-showcase__status {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #272837;
    background: rgba(255, 255, 255, 0.96);
    border: 0.1cqw solid rgba(235, 235, 241, 0.82);
    border-radius: 1.75cqw;
    box-shadow: 0 0.9cqw 2.4cqw rgba(25, 27, 51, 0.08), 0 0.2cqw 0.7cqw rgba(25, 27, 51, 0.025);
    white-space: nowrap;
}

.pg-showcase__kind {
    inset-block-start: 1.85cqw;
    left: 2.55cqw;
    min-width: 15.1cqw;
    height: 5.7cqw;
    gap: 1.1cqw;
    padding-inline: 1.5cqw;
    font-size: clamp(10px, 2cqw, 14.4px);
    font-weight: 400;
}

    .pg-showcase__kind i {
        color: #4933dd;
        font-size: 2.85cqw;
    }

.pg-showcase__status {
    inset-block-end: 2.15cqw;
    left: 2.35cqw;
    min-width: 10.7cqw;
    height: 5.05cqw;
    gap: 1cqw;
    padding-inline: 1.25cqw;
    font-size: clamp(9.5px, 1.75cqw, 12.6px);
    font-weight: 400;
}

.pg-showcase__status-dot {
    width: 1.35cqw;
    height: 1.35cqw;
    flex: 0 0 auto;
    background: linear-gradient(135deg, #3428dd, #8b29f1);
    border-radius: 50%;
    box-shadow: 0 0 0 0.3cqw rgba(var(--landing-brand-rgb), 0.07);
}

.pg-showcase__pagination {
    position: absolute;
    z-index: 10;
    inset-block-start: 99.85cqw;
    left: 50%;
    display: flex;
    height: 2.2cqw;
    align-items: center;
    justify-content: center;
    gap: 1.45cqw;
    direction: ltr;
    transform: translateX(-50%);
}

.pg-showcase__dot {
    width: 1.25cqw;
    height: 1.25cqw;
    flex: 0 0 auto;
    padding: 0;
    background: #dddde4;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 240ms ease, box-shadow 240ms ease, transform 240ms var(--landing-ease);
}

    .pg-showcase__dot:hover {
        transform: scale(1.18);
    }

    .pg-showcase__dot:focus-visible {
        outline: 0.3cqw solid rgba(var(--landing-brand-rgb), 0.22);
        outline-offset: 0.3cqw;
    }

    .pg-showcase__dot.is-active {
        background: linear-gradient(135deg, #3327de, #7d28ef);
        box-shadow: 0 0 0 0.32cqw rgba(var(--landing-brand-rgb), 0.075);
        transform: scale(1.05);
    }

@supports not (font-size: 1cqw) {
    .pg-showcase__canvas {
        font-size: min(1vw, 7.2px);
    }
}

@media (max-width: 359px) {
    .pg-showcase__tab {
        font-weight: 400;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pg-showcase__tab,
    .pg-showcase__card,
    .pg-showcase__card > img,
    .pg-showcase__card-label,
    .pg-showcase__dot {
        transition-duration: 0.01ms !important;
    }
}

/* --------------------------------------------------------------------------
   Free signup call to action
   -------------------------------------------------------------------------- */

.pg-signup {
    position: relative;
    isolation: isolate;
    width: 100%;
    overflow: hidden;
    background: #fafafc;
}

.pg-signup__canvas {
    position: relative;
    width: min(100%, 720px);
    aspect-ratio: 720 / 1280;
    margin-inline: auto;
    overflow: hidden;
    color: #0a0b19;
    background: radial-gradient(circle at 50% 49%, rgba(255, 255, 255, 0.96), transparent 45%), linear-gradient(155deg, #fbfbfd 0%, #fafafc 58%, #fdfdfe 100%);
    container-name: pg-signup-canvas;
    container-type: inline-size;
}

.pg-signup__background {
    position: absolute;
    z-index: 0;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.pg-signup__decoration,
.pg-signup__blob {
    position: absolute;
    color: var(--landing-brand);
}

.pg-signup__decoration {
    line-height: 1;
    opacity: 0.052;
}

.pg-signup__decoration--left {
    inset-block-start: 21.65cqw;
    left: 6.15cqw;
    font-size: 7.6cqw;
    transform: rotate(-7deg);
}

.pg-signup__decoration--right {
    inset-block-start: 55.2cqw;
    right: 6.25cqw;
    font-size: 6.2cqw;
    transform: rotate(9deg);
}

.pg-signup__blob {
    inset-block-start: 40.5cqw;
    left: -10.5cqw;
    width: 22.5cqw;
    height: 28.8cqw;
    background: rgba(var(--landing-brand-rgb), 0.027);
    border-radius: 0 66% 58% 0;
    transform: rotate(-17deg);
}

.pg-signup__heading {
    position: absolute;
    z-index: 7;
    inset-block-start: 10.35cqw;
    inset-inline: 2.5cqw;
    line-height: 1;
    text-align: center;
}

.pg-signup__eyebrow {
    display: inline-flex;
    width: 21.85cqw;
    height: 6.1cqw;
    align-items: center;
    justify-content: center;
    gap: 0.7cqw;
    color: #3524d7;
    background: linear-gradient(135deg, rgba(236, 231, 255, 0.97), rgba(248, 246, 255, 0.99));
    border: 0.1cqw solid rgba(var(--landing-brand-rgb), 0.025);
    border-radius: 999px;
    box-shadow: 0 0.45cqw 1.5cqw rgba(var(--landing-brand-rgb), 0.028);
    font-size: clamp(11.5px, 2.18cqw, 15.7px);
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

    .pg-signup__eyebrow i {
        font-size: 2.8cqw;
    }

.pg-signup__heading h2,
.pg-signup__heading p {
    margin: 0;
}

.pg-signup__heading h2 {
    margin-block-start: 3.8cqw;
    color: #080915;
    font-size: clamp(24px, 6.72cqw, 48.4px);
    font-weight: 700;
    line-height: 1.58;
    letter-spacing: normal;
}

    .pg-signup__heading h2 span,
    .pg-signup__heading p span {
        display: block;
        white-space: nowrap;
    }

.pg-signup__heading p {
    margin-block-start: 2.3cqw;
    color: #696c7b;
    font-size: clamp(11.5px, 2.2cqw, 15.85px);
    font-weight: 400;
    line-height: 2.62;
}

.pg-signup__showcase {
    position: absolute;
    z-index: 3;
    inset-block-start: 59.6cqw;
    inset-inline: 0;
    height: 71.3cqw;
}

.pg-signup__side-card,
.pg-signup__result-card {
    position: absolute;
    margin: 0;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.985);
    border: 0.12cqw solid rgba(231, 232, 239, 0.9);
    box-shadow: 0 1.7cqw 5.2cqw rgba(31, 33, 61, 0.095), 0 0.25cqw 0.9cqw rgba(31, 33, 61, 0.035);
}

.pg-signup__side-card {
    z-index: 2;
    inset-block-start: 9.15cqw;
    width: 23.2cqw;
    height: 49cqw;
    border-radius: 3.5cqw;
}

.pg-signup__side-card--templates {
    left: 8.5cqw;
    transform: rotate(-6.25deg);
    transform-origin: 55% 90%;
}

.pg-signup__side-card--input {
    right: 7cqw;
    transform: rotate(6.2deg);
    transform-origin: 45% 90%;
}

.pg-signup__side-heading {
    display: flex;
    height: 15.9cqw;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.1cqw;
    text-align: center;
}

.pg-signup__side-icon {
    display: grid;
    width: 6.1cqw;
    height: 6.1cqw;
    place-items: center;
    color: #4931dc;
    background: rgba(var(--landing-brand-rgb), 0.055);
    border-radius: 50%;
}

    .pg-signup__side-icon i {
        font-size: 3.55cqw;
    }

.pg-signup__side-heading h3 {
    margin: 0;
    color: #11121e;
    font-size: 1.78cqw;
    font-weight: 700;
    line-height: 1.45;
    white-space: nowrap;
}

.pg-signup__template-grid {
    display: grid;
    width: calc(100% - 4.1cqw);
    height: 30.15cqw;
    margin-inline: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 1.15cqw;
}

    .pg-signup__template-grid img,
    .pg-signup__input-preview {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: saturate(0.82) contrast(0.96) brightness(1.045);
    }

    .pg-signup__template-grid img {
        border-radius: 1.05cqw;
    }

.pg-signup__upload-box {
    display: flex;
    width: calc(100% - 3.6cqw);
    height: 16.15cqw;
    margin-inline: auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.05cqw;
    color: #707282;
    background: #fbfbfd;
    border: 0.18cqw dashed #d9d9e4;
    border-radius: 1.3cqw;
    font-size: 1.42cqw;
    font-weight: 400;
    line-height: 1.75;
    text-align: center;
}

    .pg-signup__upload-box i {
        color: #626473;
        font-size: 3.3cqw;
    }

.pg-signup__input-preview {
    width: calc(100% - 3.6cqw);
    height: 12.35cqw;
    margin: 1.8cqw auto 0;
    border-radius: 1.15cqw;
    object-position: 54% 58%;
}

.pg-signup__result-card {
    z-index: 5;
    inset-block-start: 0;
    left: 28.35cqw;
    width: 44.35cqw;
    height: 64.7cqw;
    border-radius: 4.2cqw;
}

.pg-signup__result-heading {
    position: absolute;
    z-index: 3;
    inset-block-start: 0;
    left: 2cqw;
    display: flex;
    width: 40.35cqw;
    height: 9.55cqw;
    align-items: center;
    justify-content: center;
    gap: 1cqw;
    color: #141522;
}

    .pg-signup__result-heading h3 {
        margin: 0;
        font-size: 1.9cqw;
        font-weight: 700;
        line-height: 1;
        white-space: nowrap;
    }

    .pg-signup__result-heading i {
        color: #5337df;
        font-size: 2.8cqw;
    }

.pg-signup__result-scene {
    position: absolute;
    inset-block-start: 9.55cqw;
    left: 2cqw;
    width: 40.35cqw;
    height: 39.45cqw;
    margin: 0;
    overflow: hidden;
    background: #eee1d4;
    border-radius: 2.4cqw 2.4cqw 0 0;
}

    .pg-signup__result-scene > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 50% 52%;
        filter: saturate(0.84) contrast(0.96) brightness(1.055) sepia(0.06);
        transform: scale(1.04);
    }

.pg-signup__result-features {
    position: absolute;
    inset-block-start: 49cqw;
    left: 2cqw;
    display: grid;
    width: 40.35cqw;
    height: 14.55cqw;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    direction: rtl;
    background: rgba(255, 255, 255, 0.99);
    border-radius: 0 0 2.4cqw 2.4cqw;
}

.pg-signup__result-feature {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-inline: 0.25cqw;
    text-align: center;
}

    .pg-signup__result-feature:not(:last-child)::after {
        position: absolute;
        inset-block-start: 3.7cqw;
        left: 0;
        width: 0.1cqw;
        height: 7.2cqw;
        content: "";
        background: #ececf1;
    }

    .pg-signup__result-feature i {
        color: #5035df;
        font-size: 3.12cqw;
    }

    .pg-signup__result-feature strong,
    .pg-signup__result-feature small {
        overflow: hidden;
        max-width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pg-signup__result-feature strong {
        margin-block-start: 0.7cqw;
        color: #171823;
        font-size: 1.45cqw;
        font-weight: 700;
        line-height: 1.5;
    }

    .pg-signup__result-feature small {
        margin-block-start: 0.1cqw;
        color: #747683;
        font-size: 1.08cqw;
        font-weight: 400;
        line-height: 1.55;
    }

.pg-signup__route {
    position: absolute;
    z-index: 3;
    inset-block-start: 58cqw;
    left: 0;
    width: 100cqw;
    height: 12.4cqw;
    overflow: visible;
    fill: none;
    stroke: rgba(var(--landing-brand-rgb), 0.82);
    stroke-dasharray: 4 4;
    stroke-linecap: round;
    stroke-width: 1.55;
    vector-effect: non-scaling-stroke;
}

    .pg-signup__route circle {
        fill: var(--landing-brand);
        stroke: none;
    }

.pg-signup__route-check {
    position: absolute;
    z-index: 6;
    inset-block-start: 65.5cqw;
    left: 47.4cqw;
    display: grid;
    width: 5.2cqw;
    height: 5.2cqw;
    place-items: center;
    color: #fff;
    background: linear-gradient(135deg, #2f2be1, #6126ea);
    border: 0.45cqw solid #f0edff;
    border-radius: 50%;
    box-shadow: 0 0.8cqw 2.5cqw rgba(var(--landing-brand-rgb), 0.24);
}

    .pg-signup__route-check i {
        font-size: 3.2cqw;
        stroke-width: 2.3;
    }

.pg-signup__action-card {
    position: absolute;
    z-index: 7;
    inset-block-start: 132.15cqw;
    left: 9.3cqw;
    width: 81.5cqw;
    height: 30.45cqw;
    padding: 2.55cqw 2.8cqw 0;
    background: rgba(255, 255, 255, 0.985);
    border: 0.1cqw solid rgba(239, 239, 244, 0.88);
    border-radius: 3.65cqw;
    box-shadow: 0 1.8cqw 5.2cqw rgba(30, 32, 58, 0.075), 0 0.25cqw 0.85cqw rgba(30, 32, 58, 0.028);
}

.pg-signup__primary-action,
.pg-signup__action-note {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 1.45cqw;
}

.pg-signup__primary-action {
    height: 9.75cqw;
    gap: 1.6cqw;
    color: #fff !important;
    background: linear-gradient(135deg, #282dde 0%, #4521e5 55%, #5a23eb 100%);
    box-shadow: 0 1.2cqw 3cqw rgba(var(--landing-brand-rgb), 0.23), inset 0 0 0 0.12cqw rgba(255, 255, 255, 0.08);
    font-size: clamp(15px, 3.02cqw, 21.75px);
    font-weight: 700;
    line-height: 1;
    transition: transform 220ms var(--landing-ease), box-shadow 220ms ease;
}

    .pg-signup__primary-action i {
        font-size: 4.15cqw;
    }

    .pg-signup__primary-action:hover {
        box-shadow: 0 1.45cqw 3.6cqw rgba(var(--landing-brand-rgb), 0.28), inset 0 0 0 0.12cqw rgba(255, 255, 255, 0.1);
        transform: translateY(-0.18cqw);
    }

    .pg-signup__primary-action:focus-visible {
        outline: 0.38cqw solid rgba(var(--landing-brand-rgb), 0.23);
        outline-offset: 0.35cqw;
    }

.pg-signup__action-note {
    height: 7.45cqw;
    margin-block-start: 1.75cqw;
    color: #727484;
    background: #fff;
    border: 0.2cqw solid #cbc9db;
    font-size: clamp(12px, 2.42cqw, 17.4px);
    font-weight: 400;
    line-height: 1;
}

.pg-signup__bank-note {
    display: flex;
    height: 7.2cqw;
    margin: 0;
    align-items: center;
    justify-content: center;
    gap: 0.85cqw;
    color: #6f7180;
    font-size: clamp(10.5px, 1.92cqw, 13.8px);
    font-weight: 400;
    line-height: 1;
}

    .pg-signup__bank-note i {
        color: #4c35dd;
        font-size: 3.1cqw;
    }

.pg-signup__assurances {
    position: absolute;
    z-index: 7;
    inset-block-start: 164.8cqw;
    left: 9.3cqw;
    display: grid;
    width: 81.5cqw;
    height: 10.55cqw;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    direction: rtl;
    background: rgba(255, 255, 255, 0.985);
    border: 0.1cqw solid rgba(240, 240, 244, 0.9);
    border-radius: 3.25cqw;
    box-shadow: 0 1.25cqw 3.8cqw rgba(29, 31, 55, 0.065), 0 0.2cqw 0.7cqw rgba(29, 31, 55, 0.025);
}

.pg-signup__assurance {
    position: relative;
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: 0.7cqw;
    color: #242532;
    font-size: clamp(9.5px, 1.82cqw, 13.1px);
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
}

    .pg-signup__assurance:not(:last-child)::after {
        position: absolute;
        inset-block-start: 2.5cqw;
        left: 0;
        width: 0.1cqw;
        height: 5.55cqw;
        content: "";
        background: #e5e5ec;
    }

    .pg-signup__assurance i {
        flex: 0 0 auto;
        color: #4b32dd;
        font-size: 3.15cqw;
    }

@media (max-width: 359px) {
    .pg-signup__primary-action {
        font-weight: 700;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pg-signup__primary-action {
        transition-duration: 0.01ms !important;
    }
}

/* --------------------------------------------------------------------------
   AI agent FAQ
   -------------------------------------------------------------------------- */

.pg-faq {
    position: relative;
    isolation: isolate;
    width: 100%;
    overflow: hidden;
    background: #fafaff;
}

.pg-faq__canvas {
    position: relative;
    width: min(100%, 720px);
    aspect-ratio: 720 / 1520;
    margin-inline: auto;
    overflow: hidden;
    color: #0b0c1a;
    background: radial-gradient(circle at 50% 43%, rgba(239, 236, 255, 0.62), transparent 40%), linear-gradient(155deg, #fdfcff 0%, #faf9ff 52%, #fcfcff 100%);
    container-name: pg-faq-canvas;
    container-type: inline-size;
}

.pg-faq__background {
    position: absolute;
    z-index: 0;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.pg-faq__orb,
.pg-faq__decoration,
.pg-faq__grid {
    position: absolute;
}

.pg-faq__orb {
    border: 0.12cqw solid rgba(var(--landing-brand-rgb), 0.055);
    border-radius: 50%;
}

.pg-faq__orb--one {
    inset-block-start: 4cqw;
    right: -13cqw;
    width: 35cqw;
    height: 35cqw;
    background: rgba(var(--landing-brand-rgb), 0.018);
}

.pg-faq__orb--two {
    inset-block-start: 98cqw;
    left: -17cqw;
    width: 42cqw;
    height: 42cqw;
    background: rgba(var(--landing-brand-rgb), 0.014);
}

.pg-faq__decoration {
    color: var(--landing-brand);
    line-height: 1;
    opacity: 0.055;
}

.pg-faq__decoration--one {
    inset-block-start: 17cqw;
    left: 5.8cqw;
    font-size: 7cqw;
    transform: rotate(-8deg);
}

.pg-faq__decoration--two {
    inset-block-start: 141cqw;
    right: 5.5cqw;
    font-size: 5.8cqw;
    transform: rotate(12deg);
}

.pg-faq__grid {
    inset-block-start: 54cqw;
    left: 50%;
    width: 82cqw;
    height: 105cqw;
    background-image: linear-gradient(rgba(var(--landing-brand-rgb), 0.018) 0.1cqw, transparent 0.1cqw), linear-gradient(90deg, rgba(var(--landing-brand-rgb), 0.018) 0.1cqw, transparent 0.1cqw);
    background-size: 6cqw 6cqw;
    mask-image: radial-gradient(circle, #000 0%, transparent 72%);
    opacity: 0.72;
    transform: translateX(-50%);
}

.pg-faq__heading {
    position: absolute;
    z-index: 6;
    inset-block-start: 6.25cqw;
    inset-inline: 3cqw;
    line-height: 1;
    text-align: center;
}

.pg-faq__eyebrow {
    display: inline-flex;
    width: 30.8cqw;
    height: 6.1cqw;
    align-items: center;
    justify-content: center;
    gap: 0.7cqw;
    color: #3423d7;
    background: linear-gradient(135deg, rgba(235, 230, 255, 0.98), rgba(248, 246, 255, 0.99));
    border: 0.1cqw solid rgba(var(--landing-brand-rgb), 0.03);
    border-radius: 999px;
    box-shadow: 0 0.5cqw 1.6cqw rgba(var(--landing-brand-rgb), 0.03);
    font-size: clamp(11.5px, 2.04cqw, 14.7px);
    font-weight: 700;
    white-space: nowrap;
}

    .pg-faq__eyebrow i {
        font-size: 2.75cqw;
    }

.pg-faq__heading h2,
.pg-faq__heading p {
    margin: 0;
}

.pg-faq__heading h2 {
    margin-block-start: 2.8cqw;
    color: #080915;
    font-size: clamp(24px, 5.75cqw, 41.4px);
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: normal;
}

    .pg-faq__heading h2 span {
        display: block;
        white-space: nowrap;
    }

.pg-faq__heading p {
    margin-block-start: 1.8cqw;
    max-width: 91cqw;
    margin-inline: auto;
    color: #6d6f7e;
    font-size: clamp(12px, 1.95cqw, 14px);
    font-weight: 400;
    line-height: 1.65;
    text-wrap: balance;
}

.pg-faq__shell {
    position: absolute;
    z-index: 5;
    inset-block-start: 48.5cqw;
    left: 3cqw;
    width: 94cqw;
    height: 156.5cqw;
    overflow: hidden;
    background: #fff;
    border: 0.14cqw solid rgba(225, 225, 237, 0.92);
    border-radius: 4.45cqw;
    box-shadow: 0 3.2cqw 9cqw rgba(24, 26, 58, 0.115), 0 0.35cqw 1.2cqw rgba(24, 26, 58, 0.045);
}

.pg-faq__agent-bar {
    position: absolute;
    z-index: 5;
    inset-block-start: 0;
    inset-inline: 0;
    display: flex;
    height: 21cqw;
    align-items: center;
    justify-content: space-between;
    padding-inline: 3.7cqw;
    color: #fff;
    background: radial-gradient(circle at 18% 5%, rgba(255, 255, 255, 0.2), transparent 28%), linear-gradient(135deg, #242dde 0%, #4322e5 52%, #7029ee 100%);
    overflow: hidden;
}

    .pg-faq__agent-bar::before,
    .pg-faq__agent-bar::after {
        position: absolute;
        content: "";
        border: 0.12cqw solid rgba(255, 255, 255, 0.12);
        border-radius: 50%;
        pointer-events: none;
    }

    .pg-faq__agent-bar::before {
        top: -9cqw;
        right: 34cqw;
        width: 28cqw;
        height: 28cqw;
    }

    .pg-faq__agent-bar::after {
        bottom: -12cqw;
        left: -2cqw;
        width: 24cqw;
        height: 24cqw;
    }

.pg-faq__agent-profile,
.pg-faq__agent-tools,
.pg-faq__status {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
}

.pg-faq__agent-profile {
    min-width: 0;
    gap: 1.8cqw;
}

.pg-faq__agent-avatar {
    position: relative;
    display: grid;
    width: 9cqw;
    height: 9cqw;
    flex: 0 0 auto;
    place-items: center;
    padding: 0.75cqw;
    background: rgba(255, 255, 255, 0.96);
    border: 0.18cqw solid rgba(255, 255, 255, 0.55);
    border-radius: 2.65cqw;
    box-shadow: 0 1cqw 2.8cqw rgba(17, 12, 78, 0.2);
}

.pg-faq__agent-mark {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    color: #fff;
    background: linear-gradient(135deg, #2c2ddd, #6927ed);
    border-radius: 1.8cqw;
}

    .pg-faq__agent-mark i {
        font-size: 4.6cqw;
    }

.pg-faq__agent-avatar > i {
    position: absolute;
    top: -0.8cqw;
    left: -0.8cqw;
    display: grid;
    width: 3.2cqw;
    height: 3.2cqw;
    place-items: center;
    color: #4a2fe0;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0.45cqw 1.2cqw rgba(18, 16, 62, 0.16);
    font-size: 2cqw;
}

.pg-faq__agent-copy {
    display: grid;
    min-width: 0;
    gap: 0.5cqw;
    text-align: right;
}

    .pg-faq__agent-copy strong,
    .pg-faq__agent-copy small {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pg-faq__agent-copy strong {
        font-size: clamp(12px, 2.25cqw, 16.2px);
        font-weight: 700;
        line-height: 1.35;
    }

    .pg-faq__agent-copy small {
        color: rgba(255, 255, 255, 0.76);
        font-size: clamp(9.5px, 1.48cqw, 10.65px);
        font-weight: 400;
        line-height: 1.4;
    }

.pg-faq__agent-tools {
    flex: 0 0 auto;
    gap: 1.35cqw;
}

.pg-faq__status {
    height: 4.6cqw;
    gap: 0.75cqw;
    padding-inline: 1.35cqw;
    color: rgba(255, 255, 255, 0.9);
    background: rgba(255, 255, 255, 0.11);
    border: 0.1cqw solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    font-size: clamp(9.5px, 1.24cqw, 10px);
    font-weight: 400;
    white-space: nowrap;
    transition: background-color 220ms ease;
}

.pg-faq__status-dot {
    position: relative;
    width: 1.15cqw;
    height: 1.15cqw;
    flex: 0 0 auto;
    background: #42e6ad;
    border: 0.25cqw solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    box-shadow: 0 0 0 0.35cqw rgba(66, 230, 173, 0.13);
}

    .pg-faq__status-dot::after {
        position: absolute;
        inset: -0.55cqw;
        content: "";
        border: 0.12cqw solid rgba(66, 230, 173, 0.7);
        border-radius: 50%;
        animation: pg-faq-status-pulse 1.8s ease-out infinite;
    }

.pg-faq__status.is-thinking {
    background: rgba(255, 255, 255, 0.16);
}

    .pg-faq__status.is-thinking .pg-faq__status-dot {
        background: #ffe17a;
        box-shadow: 0 0 0 0.35cqw rgba(255, 225, 122, 0.13);
    }

        .pg-faq__status.is-thinking .pg-faq__status-dot::after {
            border-color: rgba(255, 225, 122, 0.7);
        }

.pg-faq__reset {
    display: grid;
    width: 5.5cqw;
    height: 5.5cqw;
    padding: 0;
    place-items: center;
    color: #fff;
    background: rgba(255, 255, 255, 0.12);
    border: 0.1cqw solid rgba(255, 255, 255, 0.17);
    border-radius: 1.55cqw;
    cursor: pointer;
    transition: background-color 180ms ease, transform 220ms var(--landing-ease);
}

    .pg-faq__reset i {
        font-size: 2.8cqw;
    }

    .pg-faq__reset:hover {
        background: rgba(255, 255, 255, 0.2);
        transform: rotate(-14deg);
    }

    .pg-faq__reset:focus-visible,
    .pg-faq__question:focus-visible,
    .pg-faq__chat-log:focus-visible {
        outline: 0.35cqw solid rgba(var(--landing-brand-rgb), 0.22);
        outline-offset: 0.3cqw;
    }

.pg-faq__chat-window {
    position: absolute;
    z-index: 2;
    inset-block-start: 21cqw;
    inset-inline: 0;
    height: 70.5cqw;
    overflow: hidden;
    background: radial-gradient(circle at 82% 18%, rgba(var(--landing-brand-rgb), 0.055), transparent 28%), linear-gradient(180deg, #f9f9fe 0%, #f7f8fc 100%);
    border-bottom: 0.12cqw solid #e9e9f1;
}

    .pg-faq__chat-window::after {
        position: absolute;
        z-index: 3;
        right: 0;
        bottom: 0;
        left: 0;
        height: 5cqw;
        content: "";
        background: linear-gradient(0deg, #f7f8fc 0%, rgba(247, 248, 252, 0) 100%);
        pointer-events: none;
    }

.pg-faq__chat-watermark {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    display: grid;
    width: 23cqw;
    height: 23cqw;
    place-items: center;
    color: var(--landing-brand);
    border: 0.12cqw solid rgba(var(--landing-brand-rgb), 0.04);
    border-radius: 50%;
    opacity: 0.055;
    transform: translate(-50%, -50%);
}

    .pg-faq__chat-watermark::before,
    .pg-faq__chat-watermark::after,
    .pg-faq__chat-watermark span {
        position: absolute;
        content: "";
        border: 0.12cqw solid currentColor;
        border-radius: 50%;
    }

    .pg-faq__chat-watermark::before {
        width: 31cqw;
        height: 11cqw;
        transform: rotate(28deg);
    }

    .pg-faq__chat-watermark::after {
        width: 31cqw;
        height: 11cqw;
        transform: rotate(-28deg);
    }

    .pg-faq__chat-watermark span {
        width: 31cqw;
        height: 11cqw;
        transform: rotate(90deg);
    }

    .pg-faq__chat-watermark i {
        font-size: 7cqw;
    }

.pg-faq__chat-log {
    position: relative;
    z-index: 2;
    display: flex;
    height: 100%;
    flex-direction: column;
    gap: 2.4cqw;
    padding: 4cqw 3.7cqw 6cqw;
    overflow-x: hidden;
    overflow-y: auto;
    direction: ltr;
    overscroll-behavior: contain;
    scroll-behavior: smooth;
    scrollbar-color: rgba(var(--landing-brand-rgb), 0.22) transparent;
    scrollbar-width: thin;
}

.pg-faq__message {
    display: flex;
    max-width: 78cqw;
    align-items: flex-end;
    gap: 1.35cqw;
    direction: ltr;
    animation: pg-faq-message-in 430ms var(--landing-ease) both;
}

.pg-faq__message--assistant {
    align-self: flex-start;
}

.pg-faq__message--user {
    align-self: flex-end;
    justify-content: flex-end;
}

.pg-faq__message-avatar {
    display: grid;
    width: 5.15cqw;
    height: 5.15cqw;
    flex: 0 0 auto;
    place-items: center;
    color: #fff;
    background: linear-gradient(135deg, #2b2dde, #6927ed);
    border: 0.35cqw solid #fff;
    border-radius: 1.65cqw;
    box-shadow: 0 0.75cqw 2cqw rgba(var(--landing-brand-rgb), 0.2);
}

    .pg-faq__message-avatar i {
        font-size: 2.8cqw;
    }

.pg-faq__bubble {
    max-width: 69cqw;
    padding: 2.15cqw 2.45cqw 1.45cqw;
    color: #292a38;
    background: rgba(255, 255, 255, 0.97);
    border: 0.12cqw solid #dedfeb;
    border-radius: 2.8cqw 2.8cqw 2.8cqw 0.75cqw;
    box-shadow: 0 0.85cqw 2.7cqw rgba(29, 31, 56, 0.055);
    direction: rtl;
    text-align: right;
}

.pg-faq__message--user .pg-faq__bubble {
    max-width: 66cqw;
    color: #fff;
    background: linear-gradient(135deg, #292ddd 0%, #4b22e7 58%, #6928ed 100%);
    border-color: transparent;
    border-radius: 2.8cqw 2.8cqw 0.75cqw 2.8cqw;
    box-shadow: 0 1cqw 3cqw rgba(var(--landing-brand-rgb), 0.19);
}

.pg-faq__bubble p {
    margin: 0;
    font-size: clamp(11.5px, 1.82cqw, 13.1px);
    font-weight: 400;
    line-height: 1.8;
}

.pg-faq__bubble time {
    display: block;
    margin-block-start: 0.65cqw;
    color: #999baa;
    font-size: clamp(9.5px, 1.12cqw, 10px);
    font-weight: 400;
    line-height: 1.4;
}

.pg-faq__message--user .pg-faq__bubble time {
    color: rgba(255, 255, 255, 0.68);
}

.pg-faq__message--thinking .pg-faq__bubble {
    display: flex;
    min-width: 23cqw;
    height: 7.4cqw;
    align-items: center;
    justify-content: center;
    gap: 1.15cqw;
    padding: 0 2.1cqw;
}

.pg-faq__thinking-label {
    color: #747685;
    font-size: clamp(9px, 1.42cqw, 10.25px);
    font-weight: 400;
    white-space: nowrap;
}

.pg-faq__thinking-dots {
    display: flex;
    align-items: center;
    gap: 0.55cqw;
    direction: ltr;
}

    .pg-faq__thinking-dots span {
        width: 0.78cqw;
        height: 0.78cqw;
        background: #5638e1;
        border-radius: 50%;
        animation: pg-faq-thinking-dot 1.15s ease-in-out infinite;
    }

        .pg-faq__thinking-dots span:nth-child(2) {
            animation-delay: 150ms;
        }

        .pg-faq__thinking-dots span:nth-child(3) {
            animation-delay: 300ms;
        }

.pg-faq__question-panel {
    position: absolute;
    z-index: 4;
    inset-block-start: 91.5cqw;
    inset-inline: 0;
    height: 65cqw;
    padding: 2.7cqw 3.45cqw 2.2cqw;
    background: rgba(255, 255, 255, 0.985);
}

.pg-faq__question-heading {
    display: flex;
    height: 6.2cqw;
    align-items: flex-start;
    justify-content: space-between;
    color: #222330;
}

    .pg-faq__question-heading > span {
        display: inline-flex;
        align-items: center;
        gap: 0.8cqw;
        font-size: clamp(10.5px, 1.72cqw, 12.4px);
        font-weight: 700;
        line-height: 1.4;
    }

    .pg-faq__question-heading i {
        color: #4b33dd;
        font-size: 2.5cqw;
    }

    .pg-faq__question-heading small {
        display: inline-flex;
        height: 3.4cqw;
        align-items: center;
        padding-inline: 1.1cqw;
        color: #6352db;
        background: rgba(var(--landing-brand-rgb), 0.06);
        border-radius: 999px;
        font-size: clamp(9px, 1.15cqw, 9.5px);
        font-weight: 400;
        line-height: 1;
        white-space: nowrap;
    }

.pg-faq__questions {
    display: grid;
    height: 40cqw;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(3, minmax(0, 1fr));
    gap: 1.35cqw;
    direction: rtl;
}

.pg-faq__question {
    position: relative;
    display: grid;
    min-width: 0;
    height: 100%;
    grid-template-columns: 4.65cqw minmax(0, 1fr) 2.1cqw;
    align-items: center;
    gap: 1cqw;
    padding: 1.05cqw 1.25cqw;
    color: #3c3e4d;
    background: linear-gradient(145deg, #fff 0%, #fafafe 100%);
    border: 0.12cqw solid #dedfe9;
    border-radius: 2.25cqw;
    box-shadow: 0 0.65cqw 1.8cqw rgba(30, 32, 56, 0.035);
    cursor: pointer;
    direction: rtl;
    text-align: right;
    transition: color 220ms ease, background 260ms ease, border-color 220ms ease, box-shadow 260ms ease, transform 240ms var(--landing-ease), opacity 180ms ease;
}

body.landing-page .pg-faq__question {
    font-size: clamp(10px, 1.48cqw, 10.65px);
    font-weight: 400;
    line-height: 1.62;
}

.pg-faq__question:hover {
    color: #2920c9;
    background: linear-gradient(145deg, #fff 0%, #f5f2ff 100%);
    border-color: rgba(var(--landing-brand-rgb), 0.24);
    box-shadow: 0 1cqw 2.7cqw rgba(var(--landing-brand-rgb), 0.09);
    transform: translateY(-0.22cqw);
}

.pg-faq__question:disabled {
    cursor: wait;
    opacity: 0.58;
    transform: none;
}

.pg-faq__question.is-selected {
    color: #fff;
    background: linear-gradient(135deg, #2b2ddd, #6327ed);
    border-color: transparent;
    box-shadow: 0 1cqw 2.8cqw rgba(var(--landing-brand-rgb), 0.19);
    opacity: 1;
}

.pg-faq__question.is-answered {
    color: #3023cc;
    background: linear-gradient(145deg, #fbfaff, #f4f1ff);
    border-color: rgba(var(--landing-brand-rgb), 0.19);
}

.pg-faq__question-icon {
    display: grid;
    width: 4.65cqw;
    height: 4.65cqw;
    place-items: center;
    color: #4d34dd;
    background: rgba(var(--landing-brand-rgb), 0.065);
    border-radius: 1.3cqw;
    transition: color 220ms ease, background-color 220ms ease;
}

    .pg-faq__question-icon i {
        font-size: 2.6cqw;
    }

.pg-faq__question.is-selected .pg-faq__question-icon {
    color: #fff;
    background: rgba(255, 255, 255, 0.16);
}

.pg-faq__question-copy {
    display: -webkit-box;
    min-width: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.pg-faq__question small {
    display: grid;
    width: 2.1cqw;
    height: 2.1cqw;
    place-items: center;
    color: #aaaab7;
    border: 0.1cqw solid #dedee7;
    border-radius: 50%;
    font-size: 1.02cqw;
    font-weight: 700;
    transition: color 220ms ease, border-color 220ms ease;
}

.pg-faq__question.is-selected small {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.34);
}

.pg-faq__question.is-answered small {
    color: transparent;
    border-color: rgba(var(--landing-brand-rgb), 0.22);
}

    .pg-faq__question.is-answered small::after {
        color: #4d32db;
        content: "✓";
        font-size: 1.25cqw;
    }

.pg-faq__privacy-note,
.pg-faq__noscript {
    margin: 0;
}

.pg-faq__privacy-note {
    display: flex;
    height: 9cqw;
    align-items: center;
    justify-content: center;
    gap: 0.75cqw;
    color: #7a7c89;
    font-size: clamp(9.5px, 1.34cqw, 9.65px);
    font-weight: 400;
    line-height: 1;
}

    .pg-faq__privacy-note i {
        color: #4d34dc;
        font-size: 2.2cqw;
    }

.pg-faq__noscript {
    padding: 1.5cqw;
    color: #6d6f7c;
    font-size: 1.5cqw;
    text-align: center;
}

@keyframes pg-faq-message-in {
    from {
        opacity: 0;
        transform: translateY(1.5cqw) scale(0.985);
    }

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

@keyframes pg-faq-thinking-dot {
    0%, 60%, 100% {
        opacity: 0.3;
        transform: translateY(0);
    }

    30% {
        opacity: 1;
        transform: translateY(-0.75cqw);
    }
}

@keyframes pg-faq-status-pulse {
    0% {
        opacity: 0.8;
        transform: scale(0.65);
    }

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

@media (max-width: 359px) {
    body.landing-page .pg-faq__question {
        font-size: 9.5px;
        font-weight: 400;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pg-faq__status-dot::after,
    .pg-faq__message,
    .pg-faq__thinking-dots span {
        animation: none !important;
    }

    .pg-faq__reset,
    .pg-faq__question,
    .pg-faq__chat-log {
        scroll-behavior: auto;
        transition-duration: 0.01ms !important;
    }
}