/* GraphicBidu homepage pathways v1 — isolated replacement for the former hero proof and route copy. */
.gb-home-hero__proof,
.gb-home-route-card {
    display: none !important;
}

.gb-home-hero__grid {
    align-items: center;
}

.gb-home-hero__visual,
.gb-home-hero__image {
    min-width: 0;
}

.gb-home-hero__image {
    margin: 0;
}

.gb-home-pathways {
    padding-top: clamp(1.4rem, 3vw, 2.6rem);
    padding-bottom: clamp(1.75rem, 4vw, 3.4rem);
}

.gb-home-pathways__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    gap: clamp(1rem, 3vw, 2.6rem);
    max-width: 62rem;
    margin: 0 auto;
}

.gb-home-pathways__item {
    position: relative;
    display: grid;
    min-width: 0;
    min-height: clamp(10.25rem, 20vw, 15.5rem);
    place-items: center;
    padding: clamp(.7rem, 1.6vw, 1.15rem);
    border-radius: 1.5rem;
    color: inherit;
    text-decoration: none;
    isolation: isolate;
    outline: none;
    transition: transform 240ms cubic-bezier(.2,.75,.2,1), filter 240ms ease;
}

.gb-home-pathways__item::before {
    position: absolute;
    z-index: -1;
    inset: 16% 13% 6%;
    border-radius: 50%;
    background: radial-gradient(ellipse at center, rgba(12,18,32,.15) 0%, rgba(12,18,32,.07) 42%, rgba(12,18,32,0) 74%);
    content: '';
    filter: blur(12px);
    opacity: .54;
    transform: translateY(8px) scale(.9);
    transition: opacity 240ms ease, transform 240ms cubic-bezier(.2,.75,.2,1);
}

.gb-home-pathways__item img {
    display: block;
    width: min(100%, 12.8rem);
    height: auto;
    max-height: 15.25rem;
    object-fit: contain;
    filter: drop-shadow(0 1rem 1rem rgba(12,18,32,.10));
    transform: translate3d(0,0,0);
    transition: transform 240ms cubic-bezier(.2,.75,.2,1), filter 240ms ease;
}

@media (hover: hover) and (pointer: fine) {
    .gb-home-pathways__item {
        cursor: pointer;
    }

    .gb-home-pathways__item:hover {
        transform: translateY(-5px);
    }

    .gb-home-pathways__item:hover::before {
        opacity: .82;
        transform: translateY(11px) scale(1.04);
    }

    .gb-home-pathways__item:hover img {
        filter: drop-shadow(0 1.2rem 1.15rem rgba(12,18,32,.17));
        transform: translate3d(0,-3px,0) scale(1.025);
    }
}

.gb-home-pathways__item:focus-visible {
    outline: 3px solid rgba(37,99,235,.52);
    outline-offset: 5px;
}

html[data-theme="dark"] .gb-home-pathways__item::before {
    background: radial-gradient(ellipse at center, rgba(255,255,255,.18) 0%, rgba(255,255,255,.07) 42%, rgba(255,255,255,0) 74%);
}

html[data-theme="dark"] .gb-home-pathways__item img {
    filter: invert(1) drop-shadow(0 1rem 1rem rgba(0,0,0,.48));
}

@media (hover: hover) and (pointer: fine) {
    html[data-theme="dark"] .gb-home-pathways__item:hover img {
        filter: invert(1) drop-shadow(0 1.2rem 1.15rem rgba(0,0,0,.62));
    }
}

@media (max-width: 720px) {
    .gb-home-pathways__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: .4rem;
    }

    .gb-home-pathways__item {
        min-height: 7rem;
        padding: .4rem;
        border-radius: 1rem;
    }

    .gb-home-pathways__item img {
        width: min(100%, 7.3rem);
        max-height: 9rem;
    }
}

@media (max-width: 440px) {
    .gb-home-pathways__grid {
        grid-template-columns: 1fr;
        max-width: 15rem;
        gap: .5rem;
    }

    .gb-home-pathways__item {
        min-height: 10.25rem;
    }

    .gb-home-pathways__item img {
        width: min(100%, 10rem);
        max-height: 11rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gb-home-pathways__item,
    .gb-home-pathways__item::before,
    .gb-home-pathways__item img {
        transition: none;
    }
}

/* gb-home-pathways-v2 | GraphicBidu homepage pathways v2 — removes duplicated pathway copy, gives the existing vector links a warm-gold interaction, and makes the hero canvas more unified. */

/* The three pathway vectors now perform the routing job; remove the repeated text/card section that followed them. */
.gb-home-section--paths {
    display: none !important;
}

/* Keep the homepage hero premium and unified instead of splitting into unrelated blue/cream side fields. */
html:not([data-theme="dark"]) .gb-home-hero {
    position: relative;
    isolation: isolate;
    overflow: clip;
    background:
        radial-gradient(82% 110% at 0% 18%, rgba(218, 230, 247, .78) 0%, rgba(241, 246, 252, .46) 43%, rgba(255, 255, 255, 0) 73%),
        radial-gradient(72% 98% at 100% 8%, rgba(251, 241, 208, .56) 0%, rgba(255, 250, 235, .28) 41%, rgba(255, 255, 255, 0) 74%),
        linear-gradient(116deg, #f4f7fb 0%, #ffffff 48%, #fffdf7 100%);
}

html[data-theme="dark"] .gb-home-hero {
    position: relative;
    isolation: isolate;
    overflow: clip;
    background:
        radial-gradient(72% 105% at 0% 14%, rgba(43, 61, 113, .35) 0%, rgba(18, 22, 45, 0) 67%),
        radial-gradient(64% 90% at 100% 10%, rgba(127, 92, 30, .16) 0%, rgba(11, 14, 29, 0) 71%),
        linear-gradient(118deg, #0c1020 0%, #0d1124 54%, #11101d 100%);
}

/* A soft gold pool sits beneath each transparent vector. It becomes stronger only when the tile is intentionally hovered or focused. */
.gb-home-pathways__item::before {
    inset: 17% 12% 4%;
    background: radial-gradient(ellipse at center, rgba(183, 134, 35, .22) 0%, rgba(211, 165, 68, .10) 42%, rgba(211, 165, 68, 0) 76%);
    filter: blur(15px);
    opacity: .56;
    transform: translateY(10px) scale(.90);
}

.gb-home-pathways__item img {
    filter: drop-shadow(0 .9rem 1.05rem rgba(161, 111, 18, .17));
}

@media (hover: hover) and (pointer: fine) {
    .gb-home-pathways__item:hover {
        transform: translateY(-6px);
    }

    .gb-home-pathways__item:hover::before {
        background: radial-gradient(ellipse at center, rgba(196, 145, 39, .44) 0%, rgba(222, 177, 74, .20) 47%, rgba(222, 177, 74, 0) 78%);
        opacity: 1;
        transform: translateY(12px) scale(1.08);
    }

    .gb-home-pathways__item:hover img {
        filter: drop-shadow(0 1.15rem 1.35rem rgba(167, 116, 22, .33));
        transform: translate3d(0, -4px, 0) scale(1.03);
    }
}

.gb-home-pathways__item:focus-visible {
    outline: 3px solid rgba(193, 143, 36, .76);
    outline-offset: 6px;
}

.gb-home-pathways__item:active {
    transform: translateY(-1px) scale(.985);
}

html[data-theme="dark"] .gb-home-pathways__item::before {
    background: radial-gradient(ellipse at center, rgba(220, 175, 77, .26) 0%, rgba(220, 175, 77, .11) 43%, rgba(220, 175, 77, 0) 76%);
}

html[data-theme="dark"] .gb-home-pathways__item img {
    filter: invert(1) drop-shadow(0 .95rem 1.15rem rgba(207, 159, 52, .22));
}

@media (hover: hover) and (pointer: fine) {
    html[data-theme="dark"] .gb-home-pathways__item:hover::before {
        background: radial-gradient(ellipse at center, rgba(232, 188, 91, .53) 0%, rgba(232, 188, 91, .22) 47%, rgba(232, 188, 91, 0) 79%);
    }

    html[data-theme="dark"] .gb-home-pathways__item:hover img {
        filter: invert(1) drop-shadow(0 1.2rem 1.45rem rgba(222, 176, 71, .40));
    }
}

@media (max-width: 720px) {
    html:not([data-theme="dark"]) .gb-home-hero {
        background:
            radial-gradient(110% 60% at 8% 0%, rgba(218, 230, 247, .62) 0%, rgba(255, 255, 255, 0) 72%),
            linear-gradient(180deg, #f6f8fb 0%, #ffffff 62%, #fffdf7 100%);
    }
}

/* gb-home-pathways-v3 | Compact pathway strip: same source vectors, smaller footprint, and one controlled warm-gold interaction treatment. */

/* Treat the three vectors as one concise navigation strip rather than a large standalone gallery. */
.gb-home-pathways {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    margin: 0;
    padding-top: clamp(1.1rem, 2.25vw, 1.85rem);
    padding-bottom: clamp(1.1rem, 2.25vw, 1.85rem);
    background:
        radial-gradient(58% 145% at 50% 0%, rgba(226, 193, 115, .18) 0%, rgba(226, 193, 115, 0) 66%),
        linear-gradient(105deg, #f7f2e5 0%, #fcfaf3 47%, #f6f0df 100%);
    border-top: 1px solid rgba(154, 116, 36, .13);
    border-bottom: 1px solid rgba(154, 116, 36, .15);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85), inset 0 -1px 0 rgba(129, 94, 24, .05);
}

.gb-home-pathways .wrapper {
    position: relative;
}

.gb-home-pathways__grid {
    max-width: 47rem;
    gap: clamp(.65rem, 2vw, 1.5rem);
}

/* Approx. 70% of the previous visual footprint, without touching the actual PNG assets. */
.gb-home-pathways__item {
    min-height: clamp(7.2rem, 14vw, 10.85rem);
    padding: clamp(.35rem, .85vw, .7rem);
    border-radius: 1.15rem;
}

.gb-home-pathways__item::before {
    inset: 33% 14% 8%;
    border-radius: 50%;
    background: radial-gradient(ellipse at center, rgba(181, 128, 24, .28) 0%, rgba(205, 158, 55, .13) 40%, rgba(205, 158, 55, 0) 76%);
    filter: blur(13px);
    opacity: .62;
    transform: translateY(7px) scale(.86);
}

.gb-home-pathways__item img {
    width: min(100%, 8.95rem);
    max-height: 10.7rem;
    filter: drop-shadow(0 .65rem .82rem rgba(121, 83, 14, .18));
}

@media (hover: hover) and (pointer: fine) {
    .gb-home-pathways__item:hover {
        transform: translateY(-4px);
    }

    .gb-home-pathways__item:hover::before {
        background: radial-gradient(ellipse at center, rgba(190, 139, 29, .50) 0%, rgba(221, 177, 73, .25) 43%, rgba(221, 177, 73, 0) 80%);
        opacity: 1;
        transform: translateY(9px) scale(1.04);
    }

    .gb-home-pathways__item:hover img {
        filter: drop-shadow(0 .9rem 1rem rgba(150, 101, 16, .32));
        transform: translate3d(0, -3px, 0) scale(1.025);
    }
}

.gb-home-pathways__item:focus-visible {
    outline-color: rgba(167, 117, 22, .90);
    outline-offset: 5px;
}

.gb-home-pathways__item:active {
    transform: translateY(-1px) scale(.985);
}

html[data-theme="dark"] .gb-home-pathways {
    background:
        radial-gradient(62% 160% at 50% 0%, rgba(198, 150, 45, .16) 0%, rgba(198, 150, 45, 0) 67%),
        linear-gradient(108deg, #111422 0%, #171520 48%, #12131e 100%);
    border-top-color: rgba(222, 177, 74, .20);
    border-bottom-color: rgba(222, 177, 74, .20);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), inset 0 -1px 0 rgba(0, 0, 0, .36);
}

html[data-theme="dark"] .gb-home-pathways__item::before {
    background: radial-gradient(ellipse at center, rgba(228, 181, 72, .36) 0%, rgba(228, 181, 72, .15) 42%, rgba(228, 181, 72, 0) 78%);
}

html[data-theme="dark"] .gb-home-pathways__item img {
    filter: invert(1) drop-shadow(0 .72rem .95rem rgba(212, 163, 54, .26));
}

@media (hover: hover) and (pointer: fine) {
    html[data-theme="dark"] .gb-home-pathways__item:hover::before {
        background: radial-gradient(ellipse at center, rgba(236, 190, 83, .57) 0%, rgba(236, 190, 83, .27) 44%, rgba(236, 190, 83, 0) 80%);
    }

    html[data-theme="dark"] .gb-home-pathways__item:hover img {
        filter: invert(1) drop-shadow(0 1rem 1.1rem rgba(224, 176, 68, .42));
    }
}

/* Keep the strip horizontal and compact on phones instead of returning to a tall three-row block. */
@media (max-width: 720px) {
    .gb-home-pathways {
        padding-top: .95rem;
        padding-bottom: .95rem;
    }

    .gb-home-pathways__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        max-width: 26rem;
        gap: .25rem;
    }

    .gb-home-pathways__item {
        min-height: 6.1rem;
        padding: .2rem;
        border-radius: .85rem;
    }

    .gb-home-pathways__item img {
        width: min(100%, 5.8rem);
        max-height: 6.9rem;
    }
}

@media (max-width: 380px) {
    .gb-home-pathways__grid {
        gap: .1rem;
    }

    .gb-home-pathways__item {
        min-height: 5.45rem;
    }

    .gb-home-pathways__item img {
        width: min(100%, 4.9rem);
        max-height: 5.95rem;
    }
}