@charset "utf-8";

/* Homepage business redesign, 2026-07-17.
   Four services use four distinct visual systems instead of one shared orbit. */
.home-business-showcase {
    --biz-px: 0px;
    --biz-py: 0px;
    width: min(1580px, calc(100% - 96px)) !important;
    padding: 120px 0 90px !important;
    overflow: visible;
    background: #f8f9f7 !important;
    font-family: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", sans-serif;
}

.home-business-showcase::before {
    background: #f8f9f7 !important;
    border-color: rgba(18, 30, 39, .07) !important;
}

.business-showcase-heading {
    display: flex;
    align-items: baseline;
    gap: 22px;
    margin: 0 0 46px;
}

.business-showcase-heading p {
    display: block;
    order: 2;
    margin: 0;
    color: #7f8a91;
    font-size: 11px;
    font-weight: 650;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .12em;
}

.business-showcase-heading h2 {
    margin: 0;
    color: #101820;
    font-size: clamp(42px, 3.2vw, 58px);
    font-weight: 430;
    line-height: 1.1;
}

.business-showcase-stage {
    height: 660px;
}

.business-scene {
    grid-template-columns: minmax(430px, .78fr) minmax(720px, 1.22fr);
    gap: clamp(48px, 5vw, 96px);
    align-items: center;
}

.business-scene-copy {
    align-self: center;
    padding: 0 0 16px;
    transform: none;
}

.business-scene-kicker {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 22px;
    color: var(--biz-accent);
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .1em;
}

.business-scene-kicker::before {
    content: "";
    width: 24px;
    height: 1px;
    background: currentColor;
}

.business-scene-copy h3 {
    max-width: 650px;
    color: #101820;
    font-size: clamp(48px, 4vw, 68px);
    font-weight: 400;
    line-height: 1.13;
}

.business-scene-lead {
    display: block;
    max-width: 560px;
    margin: 26px 0 28px;
    color: #63717b;
    font-size: 15px;
    line-height: 1.85;
}

.business-service-list {
    width: min(100%, 560px);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 26px;
    margin: 0;
    border-top: 1px solid rgba(20, 36, 47, .11);
}

.business-service-list li {
    padding: 0;
    border-bottom: 1px solid rgba(20, 36, 47, .09);
}

.business-service-list li::before {
    display: none;
}

.business-service-list a {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) 24px;
    align-items: center;
    min-height: 46px;
    color: #4d5962;
    transition: color .3s ease, padding .42s cubic-bezier(.16, 1, .3, 1);
}

.business-service-list .service-index {
    color: #a3abb0;
    font-size: 9px;
    font-weight: 700;
}

.business-service-list .service-name {
    color: inherit;
    font-size: 13px;
    line-height: 1.35;
}

.business-service-list .service-arrow {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border: 1px solid rgba(20, 36, 47, .11);
    border-radius: 50%;
    color: var(--biz-accent);
    font-size: 10px;
    opacity: 0;
    transform: translateX(-5px);
    transition: opacity .3s ease, transform .42s cubic-bezier(.16, 1, .3, 1);
}

.business-service-list a:hover {
    padding-left: 5px;
    color: #111b22;
}

.business-service-list a:hover .service-arrow {
    opacity: 1;
    transform: translateX(0);
}

.business-scene-link {
    display: inline-flex;
    margin-top: 28px;
}

.business-visual {
    left: 0;
    top: 0;
    height: 620px;
    min-width: 0;
    overflow: visible;
    isolation: isolate;
    transform: translate3d(var(--biz-px), var(--biz-py), 0) !important;
}

.business-visual::before {
    display: none !important;
    content: none !important;
}

/* Website: layered design workbench. */
.biz-web-workbench {
    border: 1px solid rgba(28, 45, 56, .09);
    border-radius: 6px;
    background: linear-gradient(145deg, #e7edef 0%, #d9e3e6 100%);
    box-shadow: 0 44px 92px rgba(34, 53, 64, .13);
    perspective: 1300px;
}

.biz-web-workbench::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    z-index: -1;
    height: 34%;
    background: linear-gradient(180deg, transparent, rgba(65, 88, 99, .1));
}

.biz-browser {
    position: absolute;
    overflow: hidden;
    border: 1px solid rgba(22, 39, 50, .13);
    border-radius: 5px;
    background: #f8faf9;
    box-shadow: 0 28px 64px rgba(27, 45, 57, .16);
    transform-style: preserve-3d;
}

.biz-browser-back {
    left: 12%;
    top: 12%;
    width: 70%;
    height: 58%;
    opacity: .72;
    transform: translate3d(0, 0, -80px) rotateY(5deg);
}

.biz-browser-main {
    right: 7%;
    bottom: 7%;
    width: 76%;
    height: 70%;
    animation: bizWorkbench 8s cubic-bezier(.45, 0, .25, 1) infinite;
}

.biz-browser-bar {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 36px;
    padding: 0 14px;
    border-bottom: 1px solid rgba(23, 40, 51, .09);
    background: rgba(255,255,255,.84);
}

.biz-browser-bar i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #c9d1d4;
}

.biz-browser-bar i:first-child { background: #ec735f; }
.biz-browser-bar i:nth-child(2) { background: #e5b95e; }
.biz-browser-bar i:nth-child(3) { background: #70b494; }

.biz-browser-bar span {
    margin-left: 8px;
    color: #7b878e;
    font-size: 8px;
    letter-spacing: .08em;
}

.biz-browser-hero {
    position: relative;
    height: 60%;
    padding: 11% 8%;
    overflow: hidden;
    background: #182630;
    color: #fff;
}

.biz-browser-hero::after {
    content: "";
    position: absolute;
    right: -8%;
    top: -22%;
    width: 52%;
    height: 146%;
    background: linear-gradient(135deg, transparent 12%, rgba(225, 182, 113, .9) 12% 28%, rgba(91, 119, 124, .54) 28% 52%, transparent 52%);
    transform: skewX(-8deg);
}

.biz-browser-hero small,
.biz-browser-hero strong,
.biz-browser-hero em {
    position: relative;
    z-index: 2;
    display: block;
}

.biz-browser-hero small {
    color: #d4b078;
    font-size: 8px;
    letter-spacing: .14em;
}

.biz-browser-hero strong {
    margin-top: 14px;
    font-size: clamp(21px, 2.2vw, 36px);
    font-weight: 420;
    line-height: 1.18;
}

.biz-browser-hero em {
    width: max-content;
    margin-top: 18px;
    padding-bottom: 5px;
    border-bottom: 1px solid #d4b078;
    color: #d4b078;
    font-size: 8px;
    font-style: normal;
    letter-spacing: .08em;
}

.biz-browser-grid,
.biz-browser-lines {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
    padding: 14px;
}

.biz-browser-grid b {
    height: 52px;
    background: linear-gradient(145deg, #e9ece9 0 62%, #cad6d4 62%);
}

.biz-browser-lines b {
    height: 120px;
    background: linear-gradient(180deg, #d7dedf 0 42%, #eef1f0 42%);
}

.biz-device {
    position: absolute;
    left: 5%;
    bottom: 10%;
    z-index: 4;
    width: 118px;
    height: 228px;
    padding: 24px 12px 14px;
    border: 5px solid #26353d;
    border-radius: 24px;
    background: #f7f9f8;
    box-shadow: 0 24px 52px rgba(24, 39, 48, .2);
    animation: bizDevice 6.4s ease-in-out infinite;
}

.biz-device::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 8px;
    width: 34px;
    height: 5px;
    border-radius: 6px;
    background: #26353d;
    transform: translateX(-50%);
}

.biz-device i {
    display: block;
    height: 76px;
    background: linear-gradient(140deg, #d7b37d, #334c57);
}

.biz-device strong {
    display: block;
    margin: 13px 0;
    color: #26353d;
    font-size: 12px;
}

.biz-device span {
    display: block;
    height: 6px;
    margin-top: 8px;
    background: #dbe1e1;
}

.biz-web-note {
    position: absolute;
    right: 4%;
    top: 7%;
    z-index: 5;
    width: 124px;
    padding: 18px;
    border-left: 3px solid #d2a760;
    background: #fff;
    box-shadow: 0 18px 42px rgba(32, 52, 64, .12);
}

.biz-web-note b,
.biz-web-note span { display: block; }
.biz-web-note b { color: #1c2b34; font-size: 21px; }
.biz-web-note span { margin-top: 6px; color: #7a858b; font-size: 10px; }

/* Global: map and market signals, without the shared orbit motif. */
.biz-global-network {
    overflow: hidden;
    border: 1px solid rgba(27, 66, 56, .1);
    border-radius: 6px;
    background: #edf4f0;
    box-shadow: 0 44px 92px rgba(35, 75, 61, .12);
}

.biz-global-map {
    position: absolute;
    inset: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 560'%3E%3Cpath d='M94 210l70-74 98 17 58 53-20 49-82 21-51-29-33 25-55-23zm263-76 70-39 78 20 21 43 78 19 57 63-24 57-93 10-46 61-71-5-35-54 20-59-60-42zm263 216 81-34 88 29 31 59-49 44-108-18-42-42z' fill='%23bed8ce' fill-opacity='.68'/%3E%3C/svg%3E") center / 92% auto no-repeat;
}

.map-line {
    position: absolute;
    height: 1px;
    background: linear-gradient(90deg, transparent, #4c9a7e 28% 72%, transparent);
    transform-origin: left center;
    animation: bizMapLine 5.6s ease-in-out infinite;
}

.line-one { left: 31%; top: 48%; width: 42%; transform: rotate(-20deg); }
.line-two { left: 35%; top: 46%; width: 34%; transform: rotate(25deg); animation-delay: -1.8s; }
.line-three { left: 53%; top: 40%; width: 29%; transform: rotate(43deg); animation-delay: -3.4s; }

.map-node {
    position: absolute;
    width: 9px;
    height: 9px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #2f8b6f;
    box-shadow: 0 0 0 7px rgba(47, 139, 111, .12);
}

.node-cn { left: 64%; top: 46%; }
.node-eu { left: 47%; top: 36%; }
.node-na { left: 22%; top: 35%; }
.node-sea { left: 69%; top: 63%; }

.biz-global-card {
    position: absolute;
    left: 7%;
    top: 10%;
    width: 225px;
    padding: 26px;
    border-top: 3px solid #2f8b6f;
    background: rgba(255,255,255,.94);
    box-shadow: 0 24px 58px rgba(34, 76, 62, .13);
}

.biz-global-card small,
.biz-global-card strong,
.biz-global-card span { display: block; }
.biz-global-card small { color: #7c948b; font-size: 9px; letter-spacing: .12em; }
.biz-global-card strong { margin-top: 13px; color: #17352c; font-size: 22px; font-weight: 520; }
.biz-global-card span { margin-top: 8px; color: #718078; font-size: 10px; }

.biz-global-market {
    position: absolute;
    display: grid;
    grid-template-columns: 43px 1fr;
    align-items: center;
    width: 142px;
    height: 52px;
    border: 1px solid rgba(43, 97, 78, .1);
    background: rgba(255,255,255,.9);
    box-shadow: 0 16px 36px rgba(36, 76, 62, .1);
}

.biz-global-market b {
    display: grid;
    place-items: center;
    height: 100%;
    border-right: 1px solid rgba(43, 97, 78, .09);
    color: #2f8b6f;
    font-size: 10px;
}

.biz-global-market span { padding-left: 12px; color: #52635d; font-size: 10px; }
.market-one { right: 7%; top: 17%; animation: bizMarket 7s ease-in-out infinite; }
.market-two { left: 19%; bottom: 13%; animation: bizMarket 7s ease-in-out -3.5s infinite; }

.biz-global-data {
    position: absolute;
    right: 8%;
    bottom: 9%;
    width: 235px;
    padding: 22px 24px 19px;
    background: #153c31;
    color: #fff;
    box-shadow: 0 24px 56px rgba(21, 60, 49, .2);
}

.biz-global-data span,
.biz-global-data strong { display: block; }
.biz-global-data span { color: #a8c7bc; font-size: 10px; }
.biz-global-data strong { margin-top: 6px; font-size: 31px; font-weight: 500; }
.biz-global-data i { display: block; width: 0; height: 3px; margin-top: 15px; background: #66c49e; animation: bizDataBar 4.6s ease-in-out infinite; }

@keyframes bizWorkbench {
    0%, 100% { transform: translate3d(0, 0, 30px) rotateY(-2deg); }
    50% { transform: translate3d(-10px, -8px, 42px) rotateY(1deg); }
}

@keyframes bizDevice {
    0%, 100% { transform: translate3d(0, 0, 70px) rotate(-2deg); }
    50% { transform: translate3d(6px, -10px, 70px) rotate(1deg); }
}

@keyframes bizMapLine {
    0%, 100% { opacity: .18; scale: .12 1; }
    48%, 62% { opacity: .78; scale: 1 1; }
}

@keyframes bizMarket {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

@keyframes bizDataBar {
    0%, 100% { width: 28%; }
    52% { width: 88%; }
}

/* Search growth: an AI answer console and ranking stream. */
.biz-search-desk {
    overflow: hidden;
    border: 1px solid rgba(38, 67, 91, .11);
    border-radius: 6px;
    background: #eaf0f5;
    box-shadow: 0 44px 92px rgba(39, 67, 90, .13);
}

.biz-search-desk::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 8;
    width: 100%;
    height: 1px;
    background: #e96852;
    opacity: .75;
    transform: translateY(0);
    animation: bizSearchScan 5.8s ease-in-out infinite;
    pointer-events: none;
}

.biz-search-bar {
    position: absolute;
    left: 7%;
    right: 7%;
    top: 8%;
    z-index: 4;
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr) auto;
    align-items: center;
    height: 64px;
    padding: 0 16px 0 20px;
    border: 1px solid rgba(32, 58, 78, .1);
    background: rgba(255,255,255,.94);
    box-shadow: 0 18px 38px rgba(40, 68, 89, .1);
}

.biz-search-bar i {
    position: relative;
    width: 15px;
    height: 15px;
    border: 2px solid #7698b2;
    border-radius: 50%;
}

.biz-search-bar i::after {
    content: "";
    position: absolute;
    right: -5px;
    bottom: -3px;
    width: 7px;
    height: 2px;
    background: #7698b2;
    transform: rotate(45deg);
}

.biz-search-bar span {
    overflow: hidden;
    color: #415564;
    font-size: 13px;
    white-space: nowrap;
}

.biz-search-bar b {
    padding: 10px 17px;
    background: #264b67;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
}

.biz-ai-answer {
    position: absolute;
    left: 7%;
    top: 22%;
    width: 55%;
    height: 58%;
    box-sizing: border-box;
    padding: 32px 34px;
    border: 1px solid rgba(31, 59, 80, .1);
    background: #fff;
    box-shadow: 0 28px 62px rgba(37, 66, 88, .12);
    animation: bizAnswerShift 7.2s cubic-bezier(.45, 0, .25, 1) infinite;
}

.biz-ai-answer small {
    color: #e96852;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .12em;
}

.biz-ai-answer strong {
    display: block;
    margin-top: 20px;
    color: #192a36;
    font-size: clamp(21px, 2vw, 31px);
    font-weight: 460;
    line-height: 1.3;
}

.biz-ai-answer p { margin: 26px 0 0; }

.biz-ai-answer p i {
    display: block;
    height: 7px;
    margin-top: 10px;
    background: #e3e9ed;
}

.biz-ai-answer p i:nth-child(1) { width: 86%; }
.biz-ai-answer p i:nth-child(2) { width: 68%; }
.biz-ai-answer p i:nth-child(3) { width: 76%; }

.biz-ai-answer em {
    position: absolute;
    left: 34px;
    bottom: 25px;
    color: #7e8e99;
    font-size: 9px;
    font-style: normal;
}

.biz-rank-list {
    position: absolute;
    right: 6%;
    top: 28%;
    width: 29%;
    background: #263d4e;
    box-shadow: 0 24px 54px rgba(29, 51, 67, .2);
}

.biz-rank-list span {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    align-items: center;
    height: 58px;
    padding: 0 18px;
    border-bottom: 1px solid rgba(255,255,255,.09);
}

.biz-rank-list span:last-child { border-bottom: 0; }
.biz-rank-list b { color: #fff; font-size: 11px; }
.biz-rank-list i { height: 4px; background: rgba(255,255,255,.14); }
.biz-rank-list span:nth-child(1) i { width: 88%; }
.biz-rank-list span:nth-child(2) i { width: 68%; }
.biz-rank-list span:nth-child(3) i { width: 46%; }
.biz-rank-list em { color: #80c7ae; font-size: 9px; font-style: normal; }

.biz-ai-logos {
    position: absolute;
    right: 6%;
    bottom: 10%;
    display: grid;
    grid-template-columns: repeat(4, 42px);
    gap: 8px;
}

.biz-ai-logos i {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(31, 59, 80, .08);
    border-radius: 4px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 10px 24px rgba(39, 67, 89, .1);
    opacity: 0;
    transform: translateY(12px);
    animation: bizLogoIn 7.2s cubic-bezier(.16, 1, .3, 1) infinite;
}

.biz-ai-logos i:nth-child(2) { animation-delay: .14s; }
.biz-ai-logos i:nth-child(3) { animation-delay: .28s; }
.biz-ai-logos i:nth-child(4) { animation-delay: .42s; }
.biz-ai-logos img { display: block; width: 27px; height: 27px; object-fit: contain; }

/* Mini program: product flows inside two native-looking devices. */
.biz-mini-flow {
    overflow: hidden;
    border: 1px solid rgba(113, 78, 33, .09);
    border-radius: 6px;
    background: #f5eee3;
    box-shadow: 0 44px 92px rgba(94, 67, 34, .12);
}

.biz-mini-flow::after {
    content: "";
    position: absolute;
    left: -5%;
    right: -5%;
    bottom: -22%;
    height: 48%;
    border-top: 1px solid rgba(184, 137, 73, .22);
    background: rgba(255,255,255,.34);
    transform: skewY(-5deg);
}

.biz-mini-phone {
    position: absolute;
    z-index: 3;
    box-sizing: border-box;
    overflow: hidden;
    border: 6px solid #2c3336;
    border-radius: 30px;
    background: #fbfcfa;
    box-shadow: 0 32px 68px rgba(47, 45, 39, .2);
}

.biz-mini-phone::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 7px;
    z-index: 7;
    width: 52px;
    height: 13px;
    border-radius: 10px;
    background: #1e2426;
    transform: translateX(-50%);
}

.phone-left {
    left: 9%;
    top: 17%;
    width: 205px;
    height: 390px;
    transform: rotate(-4deg);
    animation: bizPhoneLeft 7.4s ease-in-out infinite;
}

.phone-main {
    left: 39%;
    top: 7%;
    width: 260px;
    height: 492px;
    animation: bizPhoneMain 7.4s ease-in-out infinite;
}

.biz-phone-top {
    display: grid;
    grid-template-columns: 25px 1fr 30px;
    align-items: center;
    height: 54px;
    padding: 10px 14px 0;
    border-bottom: 1px solid #e7e9e6;
    color: #293338;
}

.biz-phone-top i::before { content: "‹"; font-style: normal; font-size: 18px; }
.biz-phone-top b { text-align: center; font-size: 11px; font-weight: 600; }
.biz-phone-top span { text-align: right; font-size: 10px; }

.biz-booking-card { margin: 24px 14px; }
.biz-booking-card small { color: #9c7b4b; font-size: 8px; }
.biz-booking-card strong { display: block; margin: 9px 0 18px; color: #293338; font-size: 17px; }
.biz-booking-card i { display: block; height: 42px; margin-top: 8px; border: 1px solid #dedfdc; background: #fff; }
.biz-booking-card em { display: grid; place-items: center; height: 36px; margin-top: 16px; background: #d48b5f; color: #fff; font-size: 9px; font-style: normal; }

.biz-member-card {
    margin: 24px 15px 14px;
    padding: 18px;
    background: linear-gradient(135deg, #334f49, #77a58f);
    color: #fff;
}

.biz-member-card small,
.biz-member-card strong,
.biz-member-card span { display: block; }
.biz-member-card small { color: #c6ddd3; font-size: 8px; }
.biz-member-card strong { margin-top: 12px; font-size: 18px; font-weight: 500; }
.biz-member-card span { margin-top: 18px; font-size: 9px; }

.biz-product-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 0 15px; }
.biz-product-row i { height: 78px; background: linear-gradient(145deg, #eef1ed 0 55%, #d2ddda 55%); }

.biz-order-row {
    display: flex;
    justify-content: space-between;
    margin: 12px 15px 0;
    padding: 15px 12px;
    border: 1px solid #e4e6e2;
    background: #fff;
    color: #384448;
    font-size: 9px;
}
.biz-order-row b { color: #d46f58; font-weight: 600; }

.biz-phone-nav {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    height: 43px;
    border-top: 1px solid #e5e7e3;
    background: rgba(255,255,255,.96);
}
.biz-phone-nav b { position: relative; }
.biz-phone-nav b::before { content: ""; position: absolute; left: 50%; top: 11px; width: 10px; height: 10px; border: 1px solid #8c999c; transform: translateX(-50%); }
.biz-phone-nav b:first-child::before { border-color: #62a18d; background: #62a18d; }

.biz-mini-order,
.biz-mini-scan {
    position: absolute;
    right: 6%;
    z-index: 5;
    box-shadow: 0 20px 44px rgba(79, 60, 36, .14);
}

.biz-mini-order {
    top: 21%;
    width: 160px;
    padding: 18px;
    border-left: 3px solid #d66e57;
    background: #fff;
    animation: bizMiniEvent 6s ease-in-out infinite;
}
.biz-mini-order small,.biz-mini-order strong,.biz-mini-order span { display: block; }
.biz-mini-order small { color: #8c9698; font-size: 8px; }
.biz-mini-order strong { margin-top: 8px; color: #2c383c; font-size: 23px; }
.biz-mini-order span { margin-top: 5px; color: #65a28f; font-size: 9px; }

.biz-mini-scan {
    bottom: 18%;
    display: flex;
    align-items: center;
    gap: 13px;
    width: 142px;
    height: 58px;
    padding: 0 16px;
    background: #2e4f48;
    color: #fff;
    animation: bizMiniEvent 6s ease-in-out -3s infinite;
}
.biz-mini-scan i { width: 18px; height: 18px; border: 2px dashed #c9e2d8; }
.biz-mini-scan span { font-size: 10px; }

@keyframes bizSearchScan {
    0%, 12%, 100% { opacity: 0; transform: translateY(0); }
    20% { opacity: .6; }
    72% { opacity: .16; transform: translateY(570px); }
}

@keyframes bizAnswerShift {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-7px); }
}

@keyframes bizLogoIn {
    0%, 12% { opacity: 0; transform: translateY(12px); }
    22%, 76% { opacity: 1; transform: translateY(0); }
    92%, 100% { opacity: 0; transform: translateY(-6px); }
}

@keyframes bizPhoneLeft {
    0%, 100% { transform: translateY(0) rotate(-4deg); }
    50% { transform: translateY(8px) rotate(-2deg); }
}

@keyframes bizPhoneMain {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-9px); }
}

@keyframes bizMiniEvent {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(-10px); }
}

/* Service selector becomes a compact editorial navigation strip. */
.business-selector {
    top: 0;
    z-index: 5;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    height: auto;
    min-height: 126px;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(20, 36, 47, .09);
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(37, 52, 62, .08);
}

.business-selector::after {
    content: "";
    position: absolute;
    left: var(--business-indicator-left, 0);
    bottom: 0;
    width: 22%;
    height: 3px;
    border-radius: 0;
    background: var(--business-indicator-color, #729db9);
    box-shadow: none;
    transition: left .55s cubic-bezier(.16, 1, .3, 1), background-color .35s ease;
    pointer-events: none;
}

.business-tab {
    height: 126px;
    padding: 0 clamp(18px, 1.6vw, 28px);
    gap: 16px;
    border: 0 !important;
    border-right: 1px solid rgba(20, 36, 47, .08) !important;
    background: transparent !important;
    transition: background-color .35s ease, opacity .35s ease;
}

.business-tab:last-child { border-right: 0 !important; }
.business-tab::before,.business-tab::after { display: none !important; content: none !important; }
.business-tab:hover,.business-tab.is-active { background: #f8faf9 !important; }

.business-tab-art {
    flex: 0 0 62px !important;
    width: 62px;
    height: 62px;
    margin: 0 !important;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.business-tab:nth-child(4) .business-tab-art {
    flex-basis: 72px !important;
    width: 72px;
    height: 62px;
}

.business-tab-art img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: none;
    filter: saturate(.72) contrast(.98);
    transition: transform .55s cubic-bezier(.16, 1, .3, 1), filter .35s ease;
}

.business-tab:hover .business-tab-art img,
.business-tab.is-active .business-tab-art img {
    transform: translateY(-4px);
    filter: saturate(1) contrast(1);
}

.business-tab > span:last-child { min-width: 0; }
.business-tab strong {
    overflow: visible;
    color: #17222a !important;
    font-size: clamp(15px, 1vw, 18px);
    font-weight: 550;
    line-height: 1.4;
    white-space: normal;
    text-overflow: clip;
}
.business-tab small {
    margin-top: 7px;
    overflow: visible;
    color: #78848b;
    font-size: clamp(10px, .68vw, 12px);
    line-height: 1.5;
    white-space: normal;
    text-overflow: clip;
}

.business-selector:hover .business-tab:not(:hover):not(.is-active) { opacity: .65; }

@media (max-width: 1320px) {
    .home-business-showcase { width: min(1240px, calc(100% - 54px)) !important; }
    .business-showcase-stage { height: 610px; }
    .business-scene { grid-template-columns: minmax(390px, .82fr) minmax(600px, 1.18fr); gap: 40px; }
    .business-scene-copy h3 { font-size: 52px; }
    .business-scene-lead { margin: 20px 0 24px; }
    .business-visual { height: 570px; }
    .business-tab { padding: 0 16px; gap: 11px; }
    .business-tab-art { flex-basis: 52px !important; width: 52px; height: 52px; }
    .business-tab:nth-child(4) .business-tab-art { flex-basis: 58px !important; width: 58px; height: 52px; }
    .phone-main { left: 37%; width: 238px; height: 450px; }
    .phone-left { left: 5%; width: 188px; height: 360px; }
}

@media (max-width: 1024px) {
    .home-business-showcase { width: min(900px, calc(100% - 40px)) !important; padding: 92px 0 76px !important; }
    .business-showcase-heading { margin-bottom: 20px; }
    .business-showcase-stage { height: 1000px; overflow: hidden; }
    .business-scene { grid-template-columns: 1fr; grid-template-rows: auto 520px; gap: 38px; align-items: start; }
    .business-scene-copy { padding-top: 28px; }
    .business-scene-copy h3 { max-width: 720px; font-size: 50px; }
    .business-scene-lead { max-width: 720px; }
    .business-service-list { width: 100%; }
    .business-scene-link { margin-top: 22px; }
    .business-visual { width: min(720px, 100%); height: 500px; margin: 0 auto; transform: none !important; }
    .business-selector { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .business-tab:nth-child(2) { border-right: 0 !important; }
    .business-tab:nth-child(1),.business-tab:nth-child(2) { border-bottom: 1px solid rgba(20, 36, 47, .08) !important; }
    .business-selector::after { display: none; }
    .biz-search-desk::after { animation-duration: 7s; }
}

@media (max-width: 640px) {
    .home-business-showcase { width: calc(100% - 28px) !important; padding: 68px 0 58px !important; }
    .business-showcase-heading { display: block; margin-bottom: 8px; }
    .business-showcase-heading h2 { font-size: 36px; }
    .business-showcase-heading p { margin-top: 9px; font-size: 9px; }
    .business-showcase-stage { height: 910px; }
    .business-scene { grid-template-rows: auto 350px; gap: 22px; }
    .business-scene-copy { padding-top: 28px; }
    .business-scene-kicker { margin-bottom: 15px; font-size: 9px; }
    .business-scene-copy h3 { font-size: 36px; line-height: 1.16; }
    .business-scene-lead { margin: 16px 0 18px; font-size: 13px; line-height: 1.7; }
    .business-service-list { gap: 0 12px; }
    .business-service-list a { grid-template-columns: 23px minmax(0, 1fr) 18px; min-height: 38px; }
    .business-service-list .service-name { font-size: 11px; white-space: normal; }
    .business-service-list .service-arrow { display: none; }
    .business-scene-link { margin-top: 18px; }
    .business-visual { height: 330px; transform: none !important; }

    .biz-browser-back { display: none; }
    .biz-browser-main { right: 5%; bottom: 6%; width: 80%; height: 79%; }
    .biz-browser-bar { height: 25px; padding: 0 8px; }
    .biz-browser-bar i { width: 5px; height: 5px; }
    .biz-browser-hero { height: 57%; padding: 9%; }
    .biz-browser-hero strong { margin-top: 8px; font-size: 20px; }
    .biz-browser-hero em { margin-top: 8px; }
    .biz-browser-grid { padding: 8px; gap: 5px; }
    .biz-browser-grid b { height: 28px; }
    .biz-device { left: 3%; bottom: 7%; width: 78px; height: 154px; padding: 18px 8px 8px; border-width: 3px; border-radius: 17px; }
    .biz-device::before { top: 5px; width: 25px; height: 3px; }
    .biz-device i { height: 45px; }
    .biz-device strong { margin: 8px 0; font-size: 8px; }
    .biz-device span { height: 4px; margin-top: 5px; }
    .biz-web-note { right: 3%; top: 4%; width: 85px; padding: 11px; }
    .biz-web-note b { font-size: 15px; }
    .biz-web-note span { font-size: 7px; }

    .biz-global-card { left: 5%; top: 7%; width: 155px; padding: 16px; }
    .biz-global-card strong { font-size: 16px; }
    .biz-global-market { width: 106px; height: 42px; grid-template-columns: 33px 1fr; }
    .biz-global-market span { padding-left: 7px; font-size: 8px; }
    .market-one { right: 4%; top: 12%; }
    .market-two { left: 11%; bottom: 10%; }
    .biz-global-data { right: 5%; bottom: 8%; width: 142px; padding: 14px; }
    .biz-global-data strong { font-size: 22px; }

    .biz-search-bar { left: 5%; right: 5%; top: 7%; height: 46px; padding: 0 9px 0 13px; grid-template-columns: 22px minmax(0, 1fr) auto; }
    .biz-search-bar span { font-size: 9px; }
    .biz-search-bar b { padding: 7px 9px; font-size: 8px; }
    .biz-ai-answer { left: 5%; top: 23%; width: 62%; height: 57%; padding: 18px; }
    .biz-ai-answer strong { margin-top: 10px; font-size: 16px; }
    .biz-ai-answer p { margin-top: 14px; }
    .biz-ai-answer p i { height: 4px; margin-top: 6px; }
    .biz-ai-answer em { left: 18px; bottom: 14px; font-size: 7px; }
    .biz-rank-list { right: 4%; top: 31%; width: 31%; }
    .biz-rank-list span { grid-template-columns: 20px 1fr; height: 40px; padding: 0 8px; }
    .biz-rank-list em { display: none; }
    .biz-ai-logos { right: 4%; bottom: 8%; grid-template-columns: repeat(2, 32px); gap: 5px; }
    .biz-ai-logos i { width: 32px; height: 32px; }
    .biz-ai-logos img { width: 21px; height: 21px; }

    .phone-left { left: 3%; top: 18%; width: 125px; height: 242px; border-width: 4px; border-radius: 20px; }
    .phone-main { left: 34%; top: 6%; width: 150px; height: 290px; border-width: 4px; border-radius: 22px; }
    .biz-mini-phone::before { top: 5px; width: 33px; height: 8px; }
    .biz-phone-top { height: 37px; padding: 8px 8px 0; grid-template-columns: 18px 1fr 20px; }
    .biz-phone-top b { font-size: 7px; }
    .biz-booking-card { margin: 12px 8px; }
    .biz-booking-card strong { margin: 5px 0 8px; font-size: 10px; }
    .biz-booking-card i { height: 24px; margin-top: 4px; }
    .biz-booking-card em { height: 25px; margin-top: 8px; font-size: 7px; }
    .biz-member-card { margin: 12px 8px 8px; padding: 10px; }
    .biz-member-card strong { margin-top: 7px; font-size: 11px; }
    .biz-member-card span { margin-top: 9px; font-size: 7px; }
    .biz-product-row { gap: 4px; margin: 0 8px; }
    .biz-product-row i { height: 43px; }
    .biz-order-row { margin: 6px 8px 0; padding: 8px 6px; font-size: 6px; }
    .biz-phone-nav { height: 27px; }
    .biz-phone-nav b::before { top: 7px; width: 7px; height: 7px; }
    .biz-mini-order { right: 2%; top: 17%; width: 94px; padding: 10px; }
    .biz-mini-order strong { font-size: 15px; }
    .biz-mini-scan { right: 2%; bottom: 15%; width: 91px; height: 39px; padding: 0 9px; gap: 7px; }
    .biz-mini-scan i { width: 12px; height: 12px; }
    .biz-mini-scan span { font-size: 7px; }

    .business-selector { grid-template-columns: 1fr; min-height: 0; }
    .business-tab { height: 72px; padding: 0 13px; border-right: 0 !important; border-bottom: 1px solid rgba(20, 36, 47, .08) !important; }
    .business-tab:last-child { border-bottom: 0 !important; }
    .business-tab-art,.business-tab:nth-child(4) .business-tab-art { flex-basis: 42px !important; width: 42px; height: 42px; }
    .business-tab strong { font-size: 13px; }
    .business-tab small { margin-top: 3px; font-size: 9px; }
}

@media (prefers-reduced-motion: reduce) {
    .biz-browser-main,.biz-device,.map-line,.biz-global-market,.biz-global-data i,.biz-search-desk::after,.biz-ai-answer,.biz-ai-logos i,.biz-mini-phone,.biz-mini-order,.biz-mini-scan {
        animation: none !important;
    }
    .business-visual { transition: none !important; }
}

/* 2026-07-18: original four-piece artwork, shaped after the reference site's
   monitor / storefront / GEO lens / mobile silhouettes. */
.business-visual-art {
    display: grid;
    place-items: center;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.business-visual-art .business-visual-image {
    display: block;
    width: 96%;
    height: auto;
    max-width: none;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
    transform-origin: 50% 55%;
    will-change: transform;
}

.biz-art-website .business-visual-image {
    width: 98%;
    height: auto;
    animation: bizArtworkWebsite 9s cubic-bezier(.45, 0, .2, 1) infinite;
}

.biz-art-global .business-visual-image {
    width: 96%;
    height: auto;
    animation: bizArtworkGlobal 11s cubic-bezier(.4, 0, .2, 1) infinite;
}

.biz-art-growth .business-visual-image {
    width: 94%;
    height: auto;
    animation: bizArtworkGrowth 8s cubic-bezier(.4, 0, .2, 1) infinite;
}

.biz-art-miniapp .business-visual-image {
    width: 92%;
    height: auto;
    animation: bizArtworkMiniapp 10s cubic-bezier(.4, 0, .2, 1) infinite;
}

.biz-visual-accent {
    position: absolute;
    z-index: 3;
    display: block;
    pointer-events: none;
}

.biz-art-website .accent-a {
    left: 24%;
    top: 29%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #f17362;
    box-shadow: 0 0 0 7px rgba(241, 115, 98, .12);
    animation: bizCursorPulse 3.2s ease-in-out infinite;
}

.biz-art-website .accent-b {
    right: 18%;
    bottom: 20%;
    width: 42px;
    height: 2px;
    border-radius: 2px;
    background: #d5b174;
    transform-origin: left center;
    animation: bizUnderlineWrite 4.8s cubic-bezier(.16, 1, .3, 1) infinite;
}

.biz-art-global .accent-a,
.biz-art-global .accent-b {
    width: 8px;
    height: 8px;
    border: 2px solid #88b892;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 8px 18px rgba(65, 112, 78, .18);
}

.biz-art-global .accent-a {
    left: 28%;
    bottom: 24%;
    animation: bizRouteNodeA 7.5s ease-in-out infinite;
}

.biz-art-global .accent-b {
    right: 20%;
    top: 31%;
    animation: bizRouteNodeB 8.5s ease-in-out infinite;
}

.biz-visual-platforms {
    position: absolute;
    left: 7%;
    bottom: 10%;
    z-index: 4;
    display: flex;
    gap: 7px;
    padding: 8px 10px;
    border: 1px solid rgba(113, 148, 205, .18);
    border-radius: 999px;
    background: rgba(255, 255, 255, .84);
    box-shadow: 0 16px 38px rgba(76, 110, 167, .13);
    backdrop-filter: blur(12px);
}

.biz-visual-platforms i {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    overflow: hidden;
    border: 1px solid rgba(70, 99, 144, .09);
    border-radius: 50%;
    background: #fff;
    animation: bizPlatformBreathe 4s ease-in-out infinite;
}

.biz-visual-platforms i:nth-child(2) { animation-delay: -.8s; }
.biz-visual-platforms i:nth-child(3) { animation-delay: -1.6s; }
.biz-visual-platforms i:nth-child(4) { animation-delay: -2.4s; }
.biz-visual-platforms img { width: 20px; height: 20px; object-fit: contain; }

.biz-art-miniapp .accent-a {
    right: 24%;
    top: 45%;
    width: 10px;
    height: 10px;
    border: 2px solid #e9a95f;
    border-radius: 50%;
    background: #fff;
    animation: bizMiniNotify 3.6s ease-out infinite;
}

.biz-art-miniapp .accent-b {
    left: 24%;
    bottom: 25%;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #e8a35a;
    box-shadow: 0 0 0 5px rgba(232, 163, 90, .12);
    animation: bizMiniDot 2.8s ease-in-out infinite;
}

.business-tab-art img[src*="visual-v4"] {
    border-radius: 5px;
    object-fit: contain;
    mix-blend-mode: multiply;
}

@keyframes bizArtworkWebsite {
    0%, 100% { transform: translate3d(0, 0, 0) rotateY(0); }
    50% { transform: translate3d(0, -7px, 0) rotateY(-.7deg); }
}

@keyframes bizArtworkGlobal {
    0%, 100% { transform: translate3d(-3px, 0, 0); }
    50% { transform: translate3d(5px, -3px, 0); }
}

@keyframes bizArtworkGrowth {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.012); }
}

@keyframes bizArtworkMiniapp {
    0%, 100% { transform: translate3d(0, 4px, 0); }
    50% { transform: translate3d(0, -6px, 0); }
}

@keyframes bizCursorPulse {
    0%, 100% { opacity: .6; transform: scale(.82); }
    45% { opacity: 1; transform: scale(1); }
}

@keyframes bizUnderlineWrite {
    0%, 18% { opacity: 0; transform: scaleX(.12); }
    45%, 82% { opacity: .85; transform: scaleX(1); }
    100% { opacity: 0; transform: scaleX(1); }
}

@keyframes bizRouteNodeA {
    0%, 100% { transform: translate3d(0, 0, 0); }
    50% { transform: translate3d(22px, -12px, 0); }
}

@keyframes bizRouteNodeB {
    0%, 100% { transform: translate3d(0, 0, 0); }
    50% { transform: translate3d(-18px, 14px, 0); }
}

@keyframes bizPlatformBreathe {
    0%, 100% { transform: translateY(0); box-shadow: 0 0 0 rgba(85, 121, 180, 0); }
    50% { transform: translateY(-4px); box-shadow: 0 8px 16px rgba(85, 121, 180, .12); }
}

@keyframes bizMiniNotify {
    0% { box-shadow: 0 0 0 0 rgba(233, 169, 95, .34); }
    70%, 100% { box-shadow: 0 0 0 16px rgba(233, 169, 95, 0); }
}

@keyframes bizMiniDot {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-7px); }
}

@media (max-width: 1024px) {
    .biz-art-website .business-visual-image { width: 98%; height: auto; }
    .biz-visual-platforms { left: 8%; bottom: 8%; }
}

@media (max-width: 640px) {
    .business-visual-art .business-visual-image,
    .biz-art-website .business-visual-image,
    .biz-art-global .business-visual-image,
    .biz-art-growth .business-visual-image,
    .biz-art-miniapp .business-visual-image { width: 98%; height: auto; max-height: 100%; }
    .biz-visual-platforms { left: 6%; bottom: 6%; gap: 4px; padding: 5px 7px; }
    .biz-visual-platforms i { width: 24px; height: 24px; }
    .biz-visual-platforms img { width: 16px; height: 16px; }
    .biz-art-website .accent-a { left: 20%; top: 32%; }
    .biz-art-website .accent-b { right: 15%; bottom: 22%; }
}

@media (prefers-reduced-motion: reduce) {
    .business-visual-art .business-visual-image,
    .biz-visual-accent,
    .biz-visual-platforms i { animation: none !important; }
}

/* 2026-07-24: keep the current artwork and restore motion as an effect layer. */
.business-visual-art.biz-web-workbench,
.business-visual-art.biz-global-network,
.business-visual-art.biz-search-desk,
.business-visual-art.biz-mini-flow {
    position: relative;
    display: grid;
    place-items: center;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    transform: none !important;
}

.business-visual-art > .biz-browser,
.business-visual-art > .biz-device,
.business-visual-art > .biz-web-note,
.business-visual-art > .biz-global-map,
.business-visual-art > .biz-global-card,
.business-visual-art > .biz-global-market,
.business-visual-art > .biz-global-data,
.business-visual-art > .biz-search-bar,
.business-visual-art > .biz-ai-answer,
.business-visual-art > .biz-rank-list,
.business-visual-art > .biz-ai-logos,
.business-visual-art > .biz-mini-phone,
.business-visual-art > .biz-mini-order,
.business-visual-art > .biz-mini-scan {
    display: none !important;
}

.biz-visual-media {
    position: relative;
    z-index: 2;
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    opacity: 0;
    filter: blur(7px);
    transform: translate3d(var(--biz-px), var(--biz-py), 0) scale(.965);
    transition: opacity .7s cubic-bezier(.16, 1, .3, 1),
                filter .8s cubic-bezier(.16, 1, .3, 1),
                transform .9s cubic-bezier(.16, 1, .3, 1);
    will-change: opacity, filter, transform;
}

.business-scene.is-active .biz-visual-media {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(var(--biz-px), var(--biz-py), 0) scale(1);
}

.biz-fx-glow,
.biz-fx-sheen {
    position: absolute;
    display: block;
    pointer-events: none;
}

.biz-fx-glow {
    --fx-color: 117, 166, 224;
    z-index: 0;
    left: 18%;
    top: 16%;
    width: 64%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(var(--fx-color), .2) 0%, rgba(var(--fx-color), .07) 42%, rgba(var(--fx-color), 0) 72%);
    filter: blur(18px);
    opacity: .32;
    animation: bizArtworkGlow 6.4s ease-in-out infinite;
}

.biz-art-global .biz-fx-glow { --fx-color: 100, 171, 125; }
.biz-art-miniapp .biz-fx-glow { --fx-color: 219, 164, 91; }

.biz-fx-sheen {
    z-index: 3;
    inset: 9% 6%;
    overflow: hidden;
    border-radius: 42%;
    background: linear-gradient(112deg, transparent 34%, rgba(255,255,255,.12) 43%, rgba(255,255,255,.72) 49%, rgba(255,255,255,.14) 55%, transparent 65%);
    mix-blend-mode: screen;
    opacity: 0;
    transform: translate3d(-72%, 0, 0) skewX(-10deg);
    animation: bizArtworkSheen 6.8s cubic-bezier(.4, 0, .2, 1) infinite;
}

.biz-art-global .biz-fx-sheen { animation-delay: -1.2s; }
.biz-art-growth .biz-fx-sheen { animation-delay: -2.3s; }
.biz-art-miniapp .biz-fx-sheen { animation-delay: -3.1s; }

@keyframes bizArtworkGlow {
    0%, 100% { opacity: .2; transform: translate3d(-2%, 2%, 0) scale(.92); }
    50% { opacity: .48; transform: translate3d(3%, -2%, 0) scale(1.08); }
}

@keyframes bizArtworkSheen {
    0%, 18% { opacity: 0; transform: translate3d(-72%, 0, 0) skewX(-10deg); }
    28% { opacity: .56; }
    48%, 100% { opacity: 0; transform: translate3d(74%, 0, 0) skewX(-10deg); }
}

@keyframes bizArtworkWebsite {
    0%, 100% { transform: translate3d(0, 3px, 0) rotateY(0); }
    50% { transform: translate3d(0, -10px, 0) rotateY(-1deg); }
}

@keyframes bizArtworkGlobal {
    0%, 100% { transform: translate3d(-5px, 3px, 0) rotate(.15deg); }
    50% { transform: translate3d(7px, -6px, 0) rotate(-.15deg); }
}

@keyframes bizArtworkGrowth {
    0%, 100% { transform: translate3d(0, 3px, 0) scale(1); }
    50% { transform: translate3d(0, -5px, 0) scale(1.022); }
}

@keyframes bizArtworkMiniapp {
    0%, 100% { transform: translate3d(0, 5px, 0); }
    50% { transform: translate3d(0, -9px, 0); }
}

@media (prefers-reduced-motion: reduce) {
    .biz-visual-media {
        opacity: 1 !important;
        filter: none !important;
        transform: none !important;
        transition: none !important;
    }
    .biz-fx-glow,
    .biz-fx-sheen { animation: none !important; }
}

/* Compact service symbols: the selector should identify, not repeat thumbnails. */
.business-selector .business-tab-art,
.business-selector .business-tab:nth-child(4) .business-tab-art {
    position: relative;
    display: grid;
    flex: 0 0 58px !important;
    width: 58px;
    height: 58px;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(31, 55, 72, .08);
    border-radius: 18px;
    background: #f3f7fa;
    color: #5d8eb9;
    box-shadow: 0 10px 24px rgba(43, 72, 93, .08);
    transform: translateY(0);
    transition: transform .42s cubic-bezier(.16, 1, .3, 1),
                border-color .3s ease,
                background-color .3s ease,
                box-shadow .3s ease;
}

.business-selector .business-tab:nth-child(2) .business-tab-art {
    background: #f2f8f3;
    color: #5b9b6e;
}

.business-selector .business-tab:nth-child(3) .business-tab-art {
    background: #f2f6fc;
    color: #668fc8;
}

.business-selector .business-tab:nth-child(4) .business-tab-art {
    background: #fbf6ed;
    color: #b98a4c;
}

.business-selector .business-tab-art img { display: none !important; }

.business-selector .business-tab-art::before {
    content: "";
    width: 30px;
    height: 30px;
    background: currentColor;
    -webkit-mask: var(--business-tab-icon) center / contain no-repeat;
    mask: var(--business-tab-icon) center / contain no-repeat;
    transition: transform .42s cubic-bezier(.16, 1, .3, 1);
}

.business-selector .business-tab:nth-child(1) .business-tab-art {
    --business-tab-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Crect x='5' y='7' width='38' height='34' rx='5' fill='none' stroke='black' stroke-width='3'/%3E%3Cpath d='M5 16h38M13 12h.1M19 12h.1M25 12h.1M12 23h11v10H12zM29 23h7M29 29h7' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/svg%3E");
}

.business-selector .business-tab:nth-child(2) .business-tab-art {
    --business-tab-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='24' r='19' fill='none' stroke='black' stroke-width='3'/%3E%3Cpath d='M5 24h38M24 5c6 6 9 12 9 19s-3 13-9 19c-6-6-9-12-9-19s3-13 9-19z' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/svg%3E");
}

.business-selector .business-tab:nth-child(3) .business-tab-art {
    --business-tab-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M7 40V9M7 40h34M12 32l9-9 7 6 12-15M33 14h7v7' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='3.4'/%3E%3C/svg%3E");
}

.business-selector .business-tab:nth-child(4) .business-tab-art {
    --business-tab-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Crect x='12' y='4' width='24' height='40' rx='6' fill='none' stroke='black' stroke-width='3'/%3E%3Cpath d='M20 10h8M18 18h4v4h-4zM26 18h4v4h-4zM18 26h4v4h-4zM26 26h4v4h-4zM21 37h6' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/svg%3E");
}

.business-selector .business-tab:hover .business-tab-art,
.business-selector .business-tab.is-active .business-tab-art {
    border-color: currentColor;
    background: #fff;
    box-shadow: 0 14px 30px rgba(43, 72, 93, .13);
    transform: translateY(-4px);
}

.business-selector .business-tab:hover .business-tab-art::before,
.business-selector .business-tab.is-active .business-tab-art::before {
    transform: scale(1.08);
}

@media (max-width: 1320px) {
    .business-selector .business-tab-art,
    .business-selector .business-tab:nth-child(4) .business-tab-art {
        flex-basis: 50px !important;
        width: 50px;
        height: 50px;
        border-radius: 15px;
    }
    .business-selector .business-tab-art::before { width: 26px; height: 26px; }
}

@media (max-width: 640px) {
    .business-selector .business-tab-art,
    .business-selector .business-tab:nth-child(4) .business-tab-art {
        flex-basis: 42px !important;
        width: 42px;
        height: 42px;
        border-radius: 13px;
    }
    .business-selector .business-tab-art::before { width: 22px; height: 22px; }
}

/* 2026-07-24: four-service motion language.
   Each artwork keeps its approved image and gains a restrained, business-specific effect layer. */
.home-business-showcase {
    --biz-rx: 0deg;
    --biz-ry: 0deg;
    --biz-spot-x: 50%;
    --biz-spot-y: 46%;
}

.business-visual-art {
    perspective: 1200px;
    transform-style: preserve-3d;
}

.business-visual-art::after {
    content: "";
    position: absolute;
    inset: 5%;
    z-index: 5;
    display: block;
    border-radius: 38%;
    background: radial-gradient(320px circle at var(--biz-spot-x) var(--biz-spot-y), rgba(255,255,255,.46), rgba(255,255,255,.08) 34%, transparent 66%);
    mix-blend-mode: screen;
    opacity: 0;
    pointer-events: none;
    transition: opacity .45s cubic-bezier(.16, 1, .3, 1);
}

.home-business-showcase.is-inview .business-scene.is-active .business-visual-art::after {
    opacity: .7;
}

.biz-visual-media {
    transform: translate3d(var(--biz-px), var(--biz-py), 0) rotateX(var(--biz-rx)) rotateY(var(--biz-ry)) scale(.965);
    transform-style: preserve-3d;
}

.business-scene.is-active .biz-visual-media {
    transform: translate3d(var(--biz-px), var(--biz-py), 0) rotateX(var(--biz-rx)) rotateY(var(--biz-ry)) scale(1);
}

.biz-fx-orbit,
.biz-fx-signal {
    position: absolute;
    z-index: 4;
    display: block;
    opacity: 0;
    pointer-events: none;
    will-change: transform, opacity;
    animation-play-state: paused !important;
    transition: opacity .55s cubic-bezier(.16, 1, .3, 1);
}

.business-scene.is-active .biz-fx-orbit,
.business-scene.is-active .biz-fx-signal {
    opacity: 1;
}

.business-scene.is-active.is-motion-active .biz-fx-orbit,
.business-scene.is-active.is-motion-active .biz-fx-signal {
    animation-play-state: running !important;
}

.business-visual-art .business-visual-image,
.business-visual-art .biz-fx-glow,
.business-visual-art .biz-fx-sheen,
.business-visual-art .biz-visual-accent,
.business-visual-art .biz-visual-platforms i {
    animation-play-state: paused !important;
}

.business-scene.is-active.is-motion-active .business-visual-image,
.business-scene.is-active.is-motion-active .biz-fx-glow,
.business-scene.is-active.is-motion-active .biz-fx-sheen,
.business-scene.is-active.is-motion-active .biz-visual-accent,
.business-scene.is-active.is-motion-active .biz-visual-platforms i {
    animation-play-state: running !important;
}

/* Website: a frameless content scan and cursor pulse.
   The approved artwork already contains a monitor, so a second rectangular
   outline would make it look like a screen inside another screen. */
.biz-art-website .biz-fx-orbit {
    left: 20%;
    top: 17%;
    width: 61%;
    height: 55%;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    animation: bizWebsiteFrame 5.8s cubic-bezier(.4, 0, .2, 1) infinite;
}

.biz-art-website .biz-fx-orbit::before {
    content: "";
    position: absolute;
    left: 3%;
    right: 3%;
    top: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, rgba(104, 169, 221, .16) 12%, rgba(104, 169, 221, .92) 50%, rgba(104, 169, 221, .16) 88%, transparent 100%);
    box-shadow: 0 12px 32px rgba(80, 153, 211, .2);
    animation: bizWebsiteScan 4.6s cubic-bezier(.45, 0, .2, 1) infinite;
}

.biz-art-website .biz-fx-orbit::after {
    content: "";
    position: absolute;
    right: 6%;
    top: 24%;
    width: 34px;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, #6fa9d4 0 28%, transparent 28% 40%, rgba(111,169,212,.52) 40% 66%, transparent 66% 78%, rgba(111,169,212,.3) 78%);
    animation: bizWebsiteMarkers 4.6s cubic-bezier(.16, 1, .3, 1) infinite;
}

.biz-art-website .biz-fx-signal {
    right: 17%;
    bottom: 20%;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #5f9dc9;
    box-shadow: 0 0 0 7px rgba(95, 157, 201, .12), 0 8px 18px rgba(44, 95, 132, .18);
    animation: bizWebsiteCursor 3.2s ease-in-out infinite;
}

/* Brand export: an open route sweep with two live market nodes. */
.biz-art-global .biz-fx-orbit {
    left: 20%;
    top: 16%;
    width: 61%;
    height: 61%;
    border: 0;
    border-radius: 50%;
    background: conic-gradient(from 18deg, transparent 0 12%, rgba(70,143,103,.12) 16%, rgba(70,143,103,.72) 28%, transparent 38% 62%, rgba(70,143,103,.18) 69%, rgba(70,143,103,.54) 78%, transparent 88% 100%);
    -webkit-mask: radial-gradient(circle, transparent 0 68%, #000 69% 71%, transparent 72%);
    mask: radial-gradient(circle, transparent 0 68%, #000 69% 71%, transparent 72%);
    transform: rotate(-12deg);
    animation: bizGlobalRoute 14s linear infinite;
}

.biz-art-global .biz-fx-orbit::before,
.biz-art-global .biz-fx-orbit::after {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #63a87b;
    box-shadow: 0 0 0 7px rgba(99, 168, 123, .12), 0 9px 18px rgba(52, 108, 73, .16);
}

.biz-art-global .biz-fx-orbit::before { left: 8%; top: 28%; }
.biz-art-global .biz-fx-orbit::after { right: 10%; bottom: 20%; }

.biz-art-global .biz-fx-signal {
    left: 31%;
    bottom: 19%;
    width: 54px;
    height: 3px;
    border-radius: 2px;
    background: linear-gradient(90deg, transparent, #69b083, transparent);
    transform-origin: center;
    animation: bizGlobalSignal 4.2s cubic-bezier(.16, 1, .3, 1) infinite;
}

/* Search growth: a more legible radar sweep and data pulse. */
.biz-art-growth .biz-fx-orbit {
    right: 19%;
    top: 14%;
    width: 48%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: conic-gradient(from 10deg, transparent 0 58%, rgba(95, 147, 218, .18) 67%, rgba(95, 147, 218, .82) 82%, transparent 94%);
    -webkit-mask: radial-gradient(circle, transparent 0 60%, #000 61% 66%, transparent 67%);
    mask: radial-gradient(circle, transparent 0 60%, #000 61% 66%, transparent 67%);
    filter: drop-shadow(0 10px 16px rgba(84, 132, 199, .14));
    animation: bizGrowthRadar 8.5s linear infinite;
}

.biz-art-growth .biz-fx-signal {
    right: 16%;
    bottom: 21%;
    width: 92px;
    height: 38px;
    border-bottom: 1px solid rgba(79, 132, 204, .2);
    background: linear-gradient(135deg, transparent 0 42%, rgba(86, 142, 215, .18) 43% 48%, transparent 49% 59%, rgba(86, 142, 215, .52) 60% 64%, transparent 65%);
    clip-path: polygon(0 78%, 22% 63%, 42% 69%, 65% 31%, 81% 43%, 100% 4%, 100% 100%, 0 100%);
    animation: bizGrowthPulse 3.8s cubic-bezier(.16, 1, .3, 1) infinite;
}

/* Mini program: soft interaction ripples and a compact notification ping. */
.biz-art-miniapp .biz-fx-orbit {
    left: 24%;
    top: 16%;
    width: 51%;
    aspect-ratio: 1;
    height: auto;
    border: 0;
    border-radius: 50%;
    background: radial-gradient(circle, transparent 0 48%, rgba(211,155,82,.36) 49% 50%, transparent 51% 64%, rgba(211,155,82,.16) 65% 66%, transparent 67%);
    box-shadow: none;
    animation: bizMiniDevice 5.4s cubic-bezier(.4, 0, .2, 1) infinite;
}

.biz-art-miniapp .biz-fx-signal {
    right: 18%;
    top: 28%;
    width: 42px;
    height: 22px;
    border: 1px solid rgba(205, 151, 80, .2);
    border-radius: 999px;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 10px 24px rgba(150, 104, 49, .12);
    backdrop-filter: blur(8px);
    animation: bizMiniPing 4s cubic-bezier(.16, 1, .3, 1) infinite;
}

.biz-art-miniapp .biz-fx-signal::before,
.biz-art-miniapp .biz-fx-signal::after {
    content: "";
    position: absolute;
    top: 8px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #d79b51;
}

.biz-art-miniapp .biz-fx-signal::before { left: 12px; }
.biz-art-miniapp .biz-fx-signal::after { right: 12px; opacity: .45; }

/* One coordinated panel transition instead of repeating page-wide fade-ups. */
.business-scene.is-active .business-scene-kicker {
    animation: bizCopyReveal .58s cubic-bezier(.16, 1, .3, 1) both;
}

.business-scene.is-active .business-scene-copy h3 {
    animation: bizCopyReveal .72s .06s cubic-bezier(.16, 1, .3, 1) both;
}

.business-scene.is-active .business-scene-lead {
    animation: bizCopyReveal .72s .12s cubic-bezier(.16, 1, .3, 1) both;
}

.business-scene.is-active .business-service-list,
.business-scene.is-active .business-scene-link {
    animation: bizCopyReveal .68s .18s cubic-bezier(.16, 1, .3, 1) both;
}

.business-selector .business-tab-art::after {
    content: "";
    position: absolute;
    inset: 5px;
    border: 1px solid currentColor;
    border-radius: 13px;
    opacity: 0;
    transform: scale(.78);
    transition: opacity .3s ease, transform .48s cubic-bezier(.16, 1, .3, 1);
}

.business-selector .business-tab.is-active .business-tab-art::after {
    opacity: .18;
    transform: scale(1);
}

@keyframes bizCopyReveal {
    from { opacity: .38; filter: blur(5px); transform: translate3d(0, 17px, 0); }
    to { opacity: 1; filter: blur(0); transform: translate3d(0, 0, 0); }
}

@keyframes bizWebsiteFrame {
    0%, 100% { opacity: .34; transform: translate3d(0, 0, 0); }
    50% { opacity: .9; transform: translate3d(0, -3px, 0); }
}

@keyframes bizWebsiteScan {
    0%, 12% { opacity: 0; transform: translate3d(0, 10px, 0); }
    28% { opacity: .8; }
    72% { opacity: .45; }
    88%, 100% { opacity: 0; transform: translate3d(0, 310px, 0); }
}

@keyframes bizWebsiteMarkers {
    0%, 18%, 100% { opacity: 0; transform: translate3d(14px, 0, 0) scaleX(.45); }
    34%, 72% { opacity: .9; transform: translate3d(0, 0, 0) scaleX(1); }
    88% { opacity: 0; transform: translate3d(-8px, 0, 0) scaleX(.8); }
}

@keyframes bizWebsiteCursor {
    0%, 100% { opacity: .45; transform: translate3d(0, 0, 0) scale(.82); }
    50% { opacity: 1; transform: translate3d(-13px, -8px, 0) scale(1); }
}

@keyframes bizGlobalRoute {
    from { transform: rotate(-12deg); }
    to { transform: rotate(348deg); }
}

@keyframes bizGlobalSignal {
    0%, 100% { opacity: .18; transform: translate3d(-22px, 8px, 0) scaleX(.35) rotate(-18deg); }
    48%, 62% { opacity: .9; transform: translate3d(18px, -9px, 0) scaleX(1) rotate(-18deg); }
}

@keyframes bizGrowthRadar {
    from { transform: rotate(0deg) scale(.96); opacity: .35; }
    50% { opacity: .8; }
    to { transform: rotate(360deg) scale(.96); opacity: .35; }
}

@keyframes bizGrowthPulse {
    0%, 100% { opacity: .22; transform: translate3d(-8px, 6px, 0) scaleX(.72); }
    52% { opacity: .86; transform: translate3d(8px, -3px, 0) scaleX(1); }
}

@keyframes bizMiniDevice {
    0%, 100% { opacity: .3; transform: translate3d(0, 5px, 0) scale(.97); }
    50% { opacity: .78; transform: translate3d(0, -5px, 0) scale(1.015); }
}

@keyframes bizMiniPing {
    0%, 14%, 100% { opacity: 0; transform: translate3d(15px, 10px, 0) scale(.82); }
    30%, 74% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
    88% { opacity: 0; transform: translate3d(-5px, -6px, 0) scale(.96); }
}

@keyframes bizReducedPresence {
    0%, 100% { opacity: .4; }
    50% { opacity: .78; }
}

@media (max-width: 640px) {
    .business-visual-art::after,
    .biz-fx-orbit,
    .biz-fx-signal { display: none !important; }

    .business-scene.is-active .business-scene-copy > * {
        animation-duration: .42s;
    }
}

/* Four restrained scene signatures. Each panel gets a visible motion rhythm
   without adding decorative frames, orbit rings or extra interface chrome. */
.home-business-showcase[data-business-motion="always"] .scene-website.is-active.is-motion-active .business-visual-image {
    animation: bizWebsiteFloat 6.4s cubic-bezier(.45, 0, .22, 1) infinite !important;
}

.home-business-showcase[data-business-motion="always"] .scene-global.is-active.is-motion-active .business-visual-image {
    animation: bizGlobalDrift 6.8s cubic-bezier(.45, 0, .22, 1) infinite !important;
}

.home-business-showcase[data-business-motion="always"] .scene-growth.is-active.is-motion-active .business-visual-image {
    animation: bizGrowthFocus 6.2s cubic-bezier(.45, 0, .22, 1) infinite !important;
}

.home-business-showcase[data-business-motion="always"] .scene-miniapp.is-active.is-motion-active .business-visual-image {
    animation: bizMiniFloat 6.6s cubic-bezier(.45, 0, .22, 1) infinite !important;
}

.home-business-showcase[data-business-motion="always"] .scene-global.is-active.is-motion-active .biz-fx-glow {
    display: block !important;
    left: 29%;
    top: 18%;
    width: 58%;
    animation: bizGlobalGlow 6.8s ease-in-out infinite !important;
}

.home-business-showcase[data-business-motion="always"] .scene-growth.is-active.is-motion-active .biz-fx-glow {
    display: block !important;
    left: 26%;
    top: 12%;
    width: 60%;
    animation: bizGrowthGlow 6.2s ease-in-out infinite !important;
}

.home-business-showcase[data-business-motion="always"] .scene-miniapp.is-active.is-motion-active .biz-fx-glow {
    display: block !important;
    left: 32%;
    top: 18%;
    width: 54%;
    animation: bizMiniGlow 6.6s ease-in-out infinite !important;
}

.home-business-showcase[data-business-motion="always"] .business-scene.is-active.is-motion-active .biz-fx-sheen {
    display: block !important;
    animation: bizCalmSheen 7.8s .55s cubic-bezier(.45, 0, .2, 1) infinite !important;
}

@keyframes bizWebsiteFloat {
    0%, 100% { transform: translate3d(0, 2px, 0) scale(1); }
    50% { transform: translate3d(0, -8px, 0) scale(1.01); }
}

@keyframes bizGlobalDrift {
    0%, 100% { transform: translate3d(-6px, 2px, 0) scale(1.002); }
    50% { transform: translate3d(7px, -5px, 0) scale(1.012); }
}

@keyframes bizGrowthFocus {
    0%, 100% { transform: translate3d(0, 3px, 0) scale(.997); filter: saturate(.96); }
    50% { transform: translate3d(0, -6px, 0) scale(1.014); filter: saturate(1.05); }
}

@keyframes bizMiniFloat {
    0%, 100% { transform: translate3d(0, 4px, 0) scale(.998); }
    50% { transform: translate3d(0, -9px, 0) scale(1.009); }
}

@keyframes bizGlobalGlow {
    0%, 100% { opacity: .26; transform: translate3d(-7%, 1%, 0) scale(.94); }
    50% { opacity: .62; transform: translate3d(8%, -2%, 0) scale(1.08); }
}

@keyframes bizGrowthGlow {
    0%, 100% { opacity: .24; transform: translate3d(0, 4%, 0) scale(.9); }
    50% { opacity: .64; transform: translate3d(0, -3%, 0) scale(1.09); }
}

@keyframes bizMiniGlow {
    0%, 100% { opacity: .24; transform: translate3d(-3%, 4%, 0) scale(.92); }
    50% { opacity: .6; transform: translate3d(4%, -4%, 0) scale(1.07); }
}

/* 2026-07-24: calm premium motion pass.
   One visual language across all four services: quiet lift, ambient light and
   an occasional soft highlight. Decorative frames, radar rings and route
   diagrams are intentionally suppressed so the approved artwork stays primary. */
.business-visual-art::after,
.biz-fx-orbit,
.biz-fx-signal,
.biz-visual-accent {
    display: none !important;
}

.biz-visual-platforms i {
    animation: none !important;
}

.business-visual-art .business-visual-image {
    animation: none !important;
    transform: translate3d(0, 0, 0);
}

.business-visual-art .biz-fx-glow {
    --fx-color: 105, 158, 205;
    z-index: 3;
    left: 20%;
    top: 16%;
    width: 62%;
    opacity: 0;
    background: radial-gradient(circle, rgba(var(--fx-color), .28) 0%, rgba(var(--fx-color), .13) 38%, rgba(var(--fx-color), .035) 58%, rgba(var(--fx-color), 0) 74%);
    filter: blur(18px);
    mix-blend-mode: normal;
    transform: translate3d(0, 8px, 0) scale(.94);
    animation: none !important;
}

.biz-art-global .biz-fx-glow { --fx-color: 102, 161, 121; }
.biz-art-growth .biz-fx-glow { --fx-color: 102, 148, 214; }
.biz-art-miniapp .biz-fx-glow { --fx-color: 207, 158, 92; }

.business-visual-art .biz-fx-sheen {
    z-index: 4;
    inset: 13% 12%;
    border-radius: 50%;
    background: linear-gradient(112deg, transparent 38%, rgba(255,255,255,.1) 44%, rgba(255,255,255,.55) 50%, rgba(255,255,255,.1) 56%, transparent 62%);
    opacity: 0;
    transform: translate3d(-66%, 0, 0) skewX(-8deg);
    animation: none !important;
}

.business-scene.is-active.is-motion-active .business-visual-image {
    animation: bizCalmLift 7.6s cubic-bezier(.45, 0, .25, 1) infinite !important;
}

.business-scene.is-active.is-motion-active .biz-fx-glow {
    animation: bizCalmGlow 7.6s cubic-bezier(.45, 0, .25, 1) infinite !important;
}

.business-scene.is-active.is-motion-active .biz-fx-sheen {
    animation: bizCalmSheen 10.8s 1.2s cubic-bezier(.45, 0, .2, 1) infinite !important;
}

.scene-global.is-active.is-motion-active .business-visual-image,
.scene-global.is-active.is-motion-active .biz-fx-glow { animation-delay: -.7s !important; }
.scene-growth.is-active.is-motion-active .business-visual-image,
.scene-growth.is-active.is-motion-active .biz-fx-glow { animation-delay: -1.3s !important; }
.scene-miniapp.is-active.is-motion-active .business-visual-image,
.scene-miniapp.is-active.is-motion-active .biz-fx-glow { animation-delay: -1.9s !important; }

.business-selector .business-tab-art::after {
    inset: 8px;
    border: 0;
    border-radius: 10px;
    background: currentColor;
    filter: blur(12px);
    opacity: 0;
    transform: scale(.72);
}

.business-selector .business-tab.is-active .business-tab-art::after {
    opacity: .1;
    transform: scale(1);
}

@keyframes bizCalmLift {
    0%, 100% { transform: translate3d(0, 2px, 0) scale(1); }
    50% { transform: translate3d(0, -8px, 0) scale(1.01); }
}

@keyframes bizCalmGlow {
    0%, 100% { opacity: .28; transform: translate3d(-1%, 2%, 0) scale(.92); }
    50% { opacity: .62; transform: translate3d(2%, -2%, 0) scale(1.08); }
}

@keyframes bizCalmSheen {
    0%, 16% { opacity: 0; transform: translate3d(-66%, 0, 0) skewX(-8deg); }
    25% { opacity: .48; }
    42%, 100% { opacity: 0; transform: translate3d(66%, 0, 0) skewX(-8deg); }
}

@keyframes bizCalmPresence {
    0%, 100% { opacity: .34; filter: blur(18px); }
    50% { opacity: .68; filter: blur(22px); }
}

@media (prefers-reduced-motion: reduce) {
    .business-scene.is-active.is-motion-active .business-visual-image {
        animation: none !important;
        transform: none !important;
    }

    .business-scene.is-active.is-motion-active .biz-fx-glow {
        display: block !important;
        animation: bizCalmPresence 4.8s ease-in-out infinite !important;
        transform: none !important;
    }

    .business-scene.is-active.is-motion-active .biz-fx-sheen {
        display: none !important;
    }
}

/* The homepage showcase is a deliberately animated brand surface.
   Its motion is explicitly requested by the site owner, so it remains
   available even when the operating system reports reduced motion. */
@media (prefers-reduced-motion: reduce) {
    .home-business-showcase[data-business-motion="always"] .business-scene.is-active.is-motion-active .business-visual-image {
        animation: bizCalmLift 7.6s cubic-bezier(.45, 0, .25, 1) infinite !important;
        transform: translate3d(0, 0, 0) !important;
    }

    .home-business-showcase[data-business-motion="always"] .business-scene.is-active.is-motion-active .biz-fx-glow {
        display: block !important;
        animation: bizCalmGlow 7.6s cubic-bezier(.45, 0, .25, 1) infinite !important;
    }

    .home-business-showcase[data-business-motion="always"] .business-scene.is-active.is-motion-active .biz-fx-sheen {
        display: block !important;
        animation: bizCalmSheen 8.8s .8s cubic-bezier(.45, 0, .2, 1) infinite !important;
    }
}

.home-business-showcase[data-business-motion="always"] .business-selector .business-tab.is-active .business-tab-art::after {
    animation: bizTabAura 3.2s ease-in-out infinite;
}

@keyframes bizTabAura {
    0%, 100% { opacity: .08; transform: scale(.88); }
    50% { opacity: .2; transform: scale(1.08); }
}

@media (prefers-reduced-motion: reduce) {
    .business-visual-art::after { display: none !important; }
    .biz-fx-orbit,
    .biz-fx-signal {
        animation: none !important;
        opacity: .52;
        transform: none !important;
    }
    .business-scene.is-active.is-motion-active .biz-fx-orbit,
    .business-scene.is-active.is-motion-active .biz-fx-signal {
        animation: bizReducedPresence 3.8s ease-in-out infinite !important;
    }
    .business-scene.is-active .business-scene-copy > * {
        animation: none !important;
        opacity: 1 !important;
        filter: none !important;
        transform: none !important;
    }
}

/* 2026-07-24: content-specific scene motion.
   The artwork remains untouched. Motion describes the service instead of
   applying the same floating treatment to every image. */
.home-business-showcase[data-business-motion="always"] .business-scene.is-active .biz-fx-sheen {
    display: none !important;
}

.home-business-showcase[data-business-motion="always"] .scene-website.is-active.is-motion-active .business-visual-image,
.home-business-showcase[data-business-motion="always"] .scene-global.is-active.is-motion-active .business-visual-image {
    animation: none !important;
    filter: none;
    transform: none;
}

.home-business-showcase[data-business-motion="always"] .scene-growth.is-active.is-motion-active .business-visual-image {
    animation: bizGrowthLens 7.2s cubic-bezier(.45, 0, .22, 1) infinite !important;
}

.home-business-showcase[data-business-motion="always"] .scene-miniapp.is-active.is-motion-active .business-visual-image {
    animation: bizMiniFloat 5.4s cubic-bezier(.45, 0, .22, 1) infinite !important;
}

.home-business-showcase[data-business-motion="always"] .scene-website .biz-fx-glow {
    display: none !important;
}

.home-business-showcase[data-business-motion="always"] .scene-global.is-active .biz-fx-glow {
    display: block !important;
    left: 49%;
    top: 24%;
    width: 34%;
    aspect-ratio: 1.45;
    border-radius: 50%;
    opacity: .26;
    filter: blur(22px);
    transform: none;
    animation: none !important;
}

.home-business-showcase[data-business-motion="always"] .scene-growth.is-active.is-motion-active .biz-fx-glow {
    display: block !important;
    left: 54%;
    top: 16%;
    width: 31%;
    opacity: .34;
    animation: bizGrowthFocusGlow 4.8s ease-in-out infinite !important;
}

.home-business-showcase[data-business-motion="always"] .scene-miniapp.is-active.is-motion-active .biz-fx-glow {
    display: block !important;
    left: 38%;
    top: 14%;
    width: 35%;
    opacity: .32;
    animation: bizMiniWarmPulse 5.4s ease-in-out infinite !important;
}

@media (min-width: 641px) {
    .home-business-showcase[data-business-motion="always"] .business-scene.is-active.is-motion-active .biz-fx-orbit,
    .home-business-showcase[data-business-motion="always"] .business-scene.is-active.is-motion-active .biz-fx-signal {
        display: block !important;
        animation-play-state: running !important;
    }

    /* Website: the scan follows the desktop canvas; the point reads as a live cursor. */
    .home-business-showcase[data-business-motion="always"] .scene-website.is-active.is-motion-active .biz-fx-orbit {
        animation: bizWebsiteFrame 5.8s cubic-bezier(.4, 0, .2, 1) infinite !important;
    }

    .home-business-showcase[data-business-motion="always"] .scene-website.is-active.is-motion-active .biz-fx-signal {
        animation: bizWebsiteCursor 3.2s ease-in-out infinite !important;
    }

    /* Global: one open route across the map, with a live destination marker. */
    .home-business-showcase[data-business-motion="always"] .biz-art-global .biz-fx-orbit {
        left: 49%;
        top: 31%;
        width: 30%;
        height: 20%;
        border: 0;
        border-top: 1px dashed rgba(67, 136, 92, .52);
        border-radius: 50% 50% 0 0;
        background: none;
        box-shadow: none;
        -webkit-mask: none;
        mask: none;
        transform: rotate(-9deg);
        animation: bizGlobalArc 6.4s ease-in-out infinite !important;
    }

    .home-business-showcase[data-business-motion="always"] .biz-art-global .biz-fx-orbit::before,
    .home-business-showcase[data-business-motion="always"] .biz-art-global .biz-fx-orbit::after {
        top: -6px;
        width: 9px;
        height: 9px;
        border: 2px solid #fff;
        background: #5ea576;
        box-shadow: 0 0 0 5px rgba(94, 165, 118, .11);
    }

    .home-business-showcase[data-business-motion="always"] .biz-art-global .biz-fx-orbit::before { left: 2%; }
    .home-business-showcase[data-business-motion="always"] .biz-art-global .biz-fx-orbit::after { right: 2%; bottom: auto; }

    .home-business-showcase[data-business-motion="always"] .biz-art-global .biz-fx-signal {
        left: 49%;
        top: 39%;
        width: 10px;
        height: 10px;
        border: 2px solid #fff;
        border-radius: 50%;
        background: #ef6a58;
        box-shadow: 0 0 0 6px rgba(239, 106, 88, .12), 0 10px 20px rgba(67, 112, 79, .14);
        transform-origin: center;
        animation: bizGlobalJourney 4.8s cubic-bezier(.45, 0, .2, 1) infinite !important;
    }

    /* Search growth: the discovery point climbs the curve while the compact chart answers it. */
    .home-business-showcase[data-business-motion="always"] .biz-art-growth .biz-fx-orbit {
        right: 27%;
        top: 22%;
        width: 12px;
        height: 12px;
        border: 2px solid #fff;
        border-radius: 50%;
        background: #ef6a58;
        box-shadow: 0 0 0 7px rgba(239, 106, 88, .12), 0 9px 22px rgba(72, 119, 190, .2);
        -webkit-mask: none;
        mask: none;
        filter: none;
        animation: bizGrowthDiscovery 4.8s cubic-bezier(.45, 0, .2, 1) infinite !important;
    }

    .home-business-showcase[data-business-motion="always"] .biz-art-growth .biz-fx-signal {
        right: 15%;
        bottom: 20%;
        animation: bizGrowthChart 3.6s cubic-bezier(.16, 1, .3, 1) infinite !important;
    }

    /* Mini program: a touch ripple on the phone and a short notification acknowledgment. */
    .home-business-showcase[data-business-motion="always"] .biz-art-miniapp .biz-fx-orbit {
        left: 47%;
        top: 16%;
        width: 22%;
        height: auto;
        aspect-ratio: 1;
        border: 0;
        border-radius: 50%;
        background: radial-gradient(circle, transparent 0 46%, rgba(211, 155, 82, .34) 47% 48%, transparent 49% 64%, rgba(211, 155, 82, .14) 65% 66%, transparent 67%);
        box-shadow: none;
        animation: bizMiniTapRipple 4.6s cubic-bezier(.4, 0, .2, 1) infinite !important;
    }

    .home-business-showcase[data-business-motion="always"] .biz-art-miniapp .biz-fx-signal {
        right: 17%;
        top: 27%;
        animation: bizMiniNotice 3.8s cubic-bezier(.16, 1, .3, 1) infinite !important;
    }

    /* Hover accelerates the scene-specific feedback instead of scaling every picture alike. */
    .scene-website .business-visual-art:hover .biz-fx-orbit::before { animation-duration: 2.7s; }
    .scene-website .business-visual-art:hover .biz-fx-signal { animation-duration: 1.7s !important; }
    .scene-global .business-visual-art:hover .biz-fx-signal { animation-duration: 2.8s !important; }
    .scene-growth .business-visual-art:hover .biz-fx-orbit { animation-duration: 2.9s !important; }
    .scene-growth .business-visual-art:hover .biz-fx-signal { animation-duration: 2.2s !important; }
    .scene-miniapp .business-visual-art:hover .biz-fx-orbit { animation-duration: 2.8s !important; }
    .scene-miniapp .business-visual-art:hover .biz-fx-signal { animation-duration: 2.4s !important; }

    .scene-website .business-visual-art:hover .biz-visual-media {
        transform: translate3d(var(--biz-px), var(--biz-py), 0) rotateX(var(--biz-rx)) rotateY(var(--biz-ry)) scale(1.014);
    }

    .scene-global .business-visual-art:hover .biz-visual-media { transform: translate3d(4px, -2px, 0) scale(1.008); }
    .scene-growth .business-visual-art:hover .biz-visual-media { transform: translate3d(0, -2px, 0) scale(1.012); }
    .scene-miniapp .business-visual-art:hover .biz-visual-media { transform: translate3d(0, -4px, 0) scale(1.01); }
}

/* The four selector symbols answer differently on pointer or keyboard hover. */
.business-selector .business-tab:nth-child(1):is(:hover, :focus-visible) .business-tab-art::before {
    animation: bizTabWebsite .72s cubic-bezier(.16, 1, .3, 1) both;
}
.business-selector .business-tab:nth-child(2):is(:hover, :focus-visible) .business-tab-art::before {
    animation: bizTabGlobal .8s cubic-bezier(.16, 1, .3, 1) both;
}
.business-selector .business-tab:nth-child(3):is(:hover, :focus-visible) .business-tab-art::before {
    animation: bizTabGrowth .68s cubic-bezier(.16, 1, .3, 1) both;
}
.business-selector .business-tab:nth-child(4):is(:hover, :focus-visible) .business-tab-art::before {
    animation: bizTabMini .72s cubic-bezier(.16, 1, .3, 1) both;
}

@keyframes bizGrowthLens {
    0%, 100% { transform: scale(.995); filter: saturate(.96) brightness(.99); }
    50% { transform: scale(1.012); filter: saturate(1.06) brightness(1.025); }
}

@keyframes bizGrowthFocusGlow {
    0%, 100% { opacity: .22; transform: translate3d(-3%, 5%, 0) scale(.88); }
    50% { opacity: .52; transform: translate3d(4%, -4%, 0) scale(1.08); }
}

@keyframes bizMiniWarmPulse {
    0%, 100% { opacity: .2; transform: translate3d(0, 4%, 0) scale(.92); }
    50% { opacity: .46; transform: translate3d(0, -3%, 0) scale(1.04); }
}

@keyframes bizGlobalArc {
    0%, 100% { opacity: .32; filter: saturate(.9); }
    50% { opacity: .78; filter: saturate(1.15); }
}

@keyframes bizGlobalJourney {
    0%, 8% { opacity: 0; transform: translate3d(0, 34px, 0) scale(.72); }
    22% { opacity: 1; }
    58% { opacity: 1; transform: translate3d(106px, -8px, 0) scale(1); }
    92%, 100% { opacity: 0; transform: translate3d(214px, -48px, 0) scale(.78); }
}

@keyframes bizGrowthDiscovery {
    0%, 8% { opacity: 0; transform: translate3d(-176px, 214px, 0) scale(.7); }
    24% { opacity: 1; }
    56% { transform: translate3d(-96px, 146px, 0) scale(.88); }
    82% { opacity: 1; transform: translate3d(-38px, 72px, 0) scale(1); }
    100% { opacity: 0; transform: translate3d(0, 0, 0) scale(.78); }
}

@keyframes bizGrowthChart {
    0%, 100% { opacity: .2; transform: translate3d(-7px, 5px, 0) scaleX(.76); }
    52% { opacity: .88; transform: translate3d(7px, -3px, 0) scaleX(1); }
}

@keyframes bizMiniTapRipple {
    0%, 16%, 100% { opacity: 0; transform: scale(.76); }
    34% { opacity: .74; }
    76% { opacity: .18; transform: scale(1.08); }
}

@keyframes bizMiniNotice {
    0%, 18%, 100% { opacity: 0; transform: translate3d(12px, 9px, 0) scale(.88); }
    34%, 72% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
    86% { opacity: 0; transform: translate3d(-4px, -5px, 0) scale(.96); }
}

@keyframes bizTabWebsite {
    0% { transform: translateY(0) scale(1); }
    45% { transform: translateY(-3px) scale(1.07); }
    100% { transform: translateY(-1px) scale(1.04); }
}

@keyframes bizTabGlobal {
    0% { transform: rotate(0deg) scale(1); }
    55% { transform: rotate(13deg) scale(1.06); }
    100% { transform: rotate(8deg) scale(1.04); }
}

@keyframes bizTabGrowth {
    0% { transform: translateY(1px) scale(.98); }
    55% { transform: translateY(-4px) scale(1.08); }
    100% { transform: translateY(-2px) scale(1.04); }
}

@keyframes bizTabMini {
    0% { transform: translateY(0) rotate(0deg) scale(1); }
    45% { transform: translateY(-3px) rotate(-3deg) scale(.96); }
    100% { transform: translateY(-1px) rotate(2deg) scale(1.04); }
}

/* 2026-08-01: restrained global route layer for the homepage export scene. */
.biz-global-routes {
    position: absolute;
    left: 38%;
    top: 18%;
    z-index: 5;
    width: 48%;
    height: 47%;
    opacity: 0;
    pointer-events: none;
    transition: opacity .55s cubic-bezier(.16, 1, .3, 1);
}

.business-scene.is-active .biz-global-routes {
    opacity: .72;
}

.biz-global-routes svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.global-route {
    fill: none;
    stroke-linecap: round;
}

.route-base {
    stroke: rgba(72, 132, 102, .24);
    stroke-width: 1.15;
    stroke-dasharray: 4 9;
}

.route-flow {
    stroke: rgba(83, 148, 105, .68);
    stroke-width: 1.65;
    stroke-dasharray: 58 360;
    stroke-dashoffset: 360;
    filter: drop-shadow(0 6px 10px rgba(56, 105, 72, .13));
    animation: bizGlobalRouteTrace 7.8s cubic-bezier(.45, 0, .22, 1) infinite;
}

.route-eu.route-flow { animation-delay: -2.2s; }
.route-sea.route-flow { animation-delay: -4.6s; }

.global-hub {
    --hub-color: #6fa982;
    --hub-rgb: 111, 169, 130;
    position: absolute;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #4b7f63;
    font-size: 9px;
    font-weight: 650;
    line-height: 1;
    letter-spacing: 0;
    transform: translate(-50%, -50%);
}

.global-hub i {
    width: 7px;
    height: 7px;
    border: 2px solid rgba(255, 255, 255, .96);
    border-radius: 50%;
    background: var(--hub-color);
    box-shadow: 0 0 0 5px rgba(var(--hub-rgb), .16), 0 7px 14px rgba(45, 92, 64, .14);
}

.global-hub b {
    padding: 4px 6px;
    border: 1px solid rgba(73, 124, 95, .12);
    border-radius: 999px;
    background: rgba(255, 255, 255, .76);
    font-size: 9px;
    font-weight: inherit;
    line-height: 1;
    backdrop-filter: blur(8px);
}

.hub-cn { left: 63%; top: 56%; --hub-color: #e97961; --hub-rgb: 233, 121, 97; color: #8a5a4a; }
.hub-na { left: 18%; top: 45%; }
.hub-eu { left: 37%; top: 34%; }
.hub-sea { left: 88%; top: 82%; }

.home-business-showcase[data-business-motion="always"] .scene-global .biz-fx-orbit,
.home-business-showcase[data-business-motion="always"] .scene-global .biz-fx-signal,
.home-business-showcase[data-business-motion="always"] .scene-global.is-active .biz-fx-orbit,
.home-business-showcase[data-business-motion="always"] .scene-global.is-active .biz-fx-signal,
.home-business-showcase[data-business-motion="always"] .scene-global.is-active.is-motion-active .biz-fx-orbit,
.home-business-showcase[data-business-motion="always"] .scene-global.is-active.is-motion-active .biz-fx-signal {
    display: none !important;
}

.home-business-showcase[data-business-motion="always"] .scene-global.is-active.is-motion-active .biz-global-routes {
    animation: bizGlobalRoutesBreath 7.8s ease-in-out infinite;
}

@keyframes bizGlobalRouteTrace {
    0% { opacity: 0; stroke-dashoffset: 360; }
    18% { opacity: .72; }
    62% { opacity: .78; stroke-dashoffset: 58; }
    100% { opacity: 0; stroke-dashoffset: -120; }
}

@keyframes bizGlobalRoutesBreath {
    0%, 100% { opacity: .58; transform: translate3d(0, 0, 0); }
    50% { opacity: .76; transform: translate3d(2px, -3px, 0); }
}

@media (max-width: 860px) {
    .biz-global-routes {
        left: 36%;
        top: 17%;
        width: 53%;
        height: 47%;
        opacity: .62;
    }

    .global-hub b {
        display: none;
    }
}

@media (max-width: 640px) {
    .biz-global-routes {
        display: block !important;
        left: 35%;
        top: 17%;
        width: 55%;
        height: 45%;
        opacity: .48;
    }

    .route-base {
        stroke-width: 1;
    }

    .route-flow,
    .home-business-showcase[data-business-motion="always"] .scene-global.is-active.is-motion-active .biz-global-routes {
        animation: none !important;
    }

    .hub-na,
    .hub-eu {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .route-flow,
    .home-business-showcase[data-business-motion="always"] .scene-global.is-active.is-motion-active .biz-global-routes {
        animation: none !important;
    }
}

/* 2026-08-01: restrained semantic overlays for search growth and mini program. */
.biz-growth-signals,
.biz-mini-signals {
    position: absolute;
    z-index: 5;
    opacity: 0;
    pointer-events: none;
    transition: opacity .55s cubic-bezier(.16, 1, .3, 1);
}

.biz-growth-signals {
    left: 29%;
    top: 12%;
    width: 60%;
    height: 67%;
}

.biz-mini-signals {
    left: 23%;
    top: 12%;
    width: 62%;
    height: 70%;
}

.business-scene.is-active .biz-growth-signals {
    opacity: .78;
}

.business-scene.is-active .biz-mini-signals {
    opacity: .72;
}

.biz-growth-signals svg,
.biz-mini-signals svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.growth-route,
.growth-query,
.mini-route {
    fill: none;
    stroke-linecap: round;
}

.biz-growth-signals .route-base {
    stroke: rgba(81, 131, 194, .24);
    stroke-width: 1.2;
    stroke-dasharray: 5 10;
    animation: none;
}

.biz-growth-signals .route-flow {
    stroke: rgba(83, 137, 216, .7);
    stroke-width: 1.9;
    stroke-dasharray: 74 430;
    stroke-dashoffset: 430;
    filter: drop-shadow(0 7px 12px rgba(66, 119, 198, .14));
    animation: bizGrowthRouteTrace 7.2s cubic-bezier(.45, 0, .22, 1) infinite;
}

.growth-query {
    stroke: rgba(95, 140, 202, .35);
    stroke-width: 5;
}

.query-two {
    opacity: .62;
}

.growth-chip,
.mini-step {
    --chip-color: #6f9fd8;
    --chip-rgb: 111, 159, 216;
    position: absolute;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 24px;
    padding: 5px 8px 5px 6px;
    border: 1px solid rgba(var(--chip-rgb), .14);
    border-radius: 999px;
    background: rgba(255, 255, 255, .78);
    color: #476f9f;
    font-size: 9px;
    font-weight: 650;
    line-height: 1;
    letter-spacing: 0;
    box-shadow: 0 12px 26px rgba(var(--chip-rgb), .11);
    backdrop-filter: blur(8px);
    transform: translate(-50%, -50%);
}

.growth-chip i,
.mini-step i {
    width: 7px;
    height: 7px;
    border: 2px solid rgba(255, 255, 255, .96);
    border-radius: 50%;
    background: var(--chip-color);
    box-shadow: 0 0 0 5px rgba(var(--chip-rgb), .15);
}

.growth-chip b,
.mini-step b {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.chip-geo { left: 30%; top: 31%; }
.chip-seo { left: 68%; top: 49%; }
.chip-ai { left: 83%; top: 20%; --chip-color: #ef7865; --chip-rgb: 239, 120, 101; color: #8b5d57; }

.biz-mini-signals .route-base {
    stroke: rgba(190, 137, 70, .24);
    stroke-width: 1.2;
    stroke-dasharray: 5 10;
    animation: none;
}

.biz-mini-signals .route-flow {
    stroke: rgba(198, 142, 73, .68);
    stroke-width: 1.8;
    stroke-dasharray: 68 420;
    stroke-dashoffset: 420;
    filter: drop-shadow(0 7px 12px rgba(160, 103, 44, .12));
    animation: bizMiniRouteTrace 7.6s cubic-bezier(.45, 0, .22, 1) infinite;
}

.mini-step {
    --chip-color: #c58d4a;
    --chip-rgb: 197, 141, 74;
    color: #8a6737;
}

.step-h5 { left: 20%; top: 67%; }
.step-pay { left: 52%; top: 50%; --chip-color: #65a48b; --chip-rgb: 101, 164, 139; color: #4f7968; }
.step-crm { left: 85%; top: 28%; }

.home-business-showcase[data-business-motion="always"] .scene-growth .biz-fx-orbit,
.home-business-showcase[data-business-motion="always"] .scene-growth .biz-fx-signal,
.home-business-showcase[data-business-motion="always"] .scene-growth.is-active .biz-fx-orbit,
.home-business-showcase[data-business-motion="always"] .scene-growth.is-active .biz-fx-signal,
.home-business-showcase[data-business-motion="always"] .scene-growth.is-active.is-motion-active .biz-fx-orbit,
.home-business-showcase[data-business-motion="always"] .scene-growth.is-active.is-motion-active .biz-fx-signal,
.home-business-showcase[data-business-motion="always"] .scene-miniapp .biz-fx-orbit,
.home-business-showcase[data-business-motion="always"] .scene-miniapp .biz-fx-signal,
.home-business-showcase[data-business-motion="always"] .scene-miniapp.is-active .biz-fx-orbit,
.home-business-showcase[data-business-motion="always"] .scene-miniapp.is-active .biz-fx-signal,
.home-business-showcase[data-business-motion="always"] .scene-miniapp.is-active.is-motion-active .biz-fx-orbit,
.home-business-showcase[data-business-motion="always"] .scene-miniapp.is-active.is-motion-active .biz-fx-signal {
    display: none !important;
}

.home-business-showcase[data-business-motion="always"] .scene-growth.is-active.is-motion-active .biz-growth-signals {
    animation: bizGrowthSignalsBreath 7.2s ease-in-out infinite;
}

.home-business-showcase[data-business-motion="always"] .scene-miniapp.is-active.is-motion-active .biz-mini-signals {
    animation: bizMiniSignalsBreath 7.6s ease-in-out infinite;
}

@keyframes bizGrowthRouteTrace {
    0% { opacity: 0; stroke-dashoffset: 430; }
    18% { opacity: .74; }
    64% { opacity: .78; stroke-dashoffset: 70; }
    100% { opacity: 0; stroke-dashoffset: -120; }
}

@keyframes bizMiniRouteTrace {
    0% { opacity: 0; stroke-dashoffset: 420; }
    18% { opacity: .72; }
    64% { opacity: .76; stroke-dashoffset: 66; }
    100% { opacity: 0; stroke-dashoffset: -118; }
}

@keyframes bizGrowthSignalsBreath {
    0%, 100% { transform: translate3d(0, 0, 0); }
    50% { transform: translate3d(2px, -3px, 0); }
}

@keyframes bizMiniSignalsBreath {
    0%, 100% { transform: translate3d(0, 0, 0); }
    50% { transform: translate3d(-2px, -3px, 0); }
}

@media (max-width: 860px) {
    .biz-growth-signals {
        left: 28%;
        top: 12%;
        width: 62%;
        height: 66%;
    }

    .biz-mini-signals {
        left: 22%;
        top: 12%;
        width: 64%;
        height: 68%;
    }

    .growth-chip b,
    .mini-step b {
        display: none;
    }
}

@media (max-width: 640px) {
    .biz-growth-signals {
        display: block !important;
        left: 28%;
        top: 13%;
        width: 62%;
        height: 62%;
        opacity: .56;
    }

    .biz-mini-signals {
        display: block !important;
        left: 22%;
        top: 13%;
        width: 64%;
        height: 63%;
        opacity: .52;
    }

    .biz-growth-signals .route-flow,
    .biz-mini-signals .route-flow,
    .home-business-showcase[data-business-motion="always"] .scene-growth.is-active.is-motion-active .biz-growth-signals,
    .home-business-showcase[data-business-motion="always"] .scene-miniapp.is-active.is-motion-active .biz-mini-signals {
        animation: none !important;
    }

    .chip-geo,
    .step-h5 {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .biz-growth-signals .route-flow,
    .biz-mini-signals .route-flow,
    .home-business-showcase[data-business-motion="always"] .scene-growth.is-active.is-motion-active .biz-growth-signals,
    .home-business-showcase[data-business-motion="always"] .scene-miniapp.is-active.is-motion-active .biz-mini-signals {
        animation: none !important;
    }
}

/* Hide only the page-level horizontal scrollbar.
   Business sections keep their original width, spacing and visible motion layers. */
html,
body {
    overflow-x: hidden !important;
}