.oz-landing-page {
    margin: 0;
    font-family: system, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #1B1D22;
    background: #FFFFFF;
}

.oz-landing-page * {
    box-sizing: border-box;
}

.oz-landing-page :where(main h2, main h3, main p, main ul) {
    margin: 0;
    padding: 0;
}

.oz-landing-page a {
    text-decoration: none;
}

.oz-landing-page img {
    display: block;
}

.oz-container {
    width: 1156px;
    margin: 0 auto;
}

.oz-section {
    padding: 80px 0;
    background: #FFFFFF;
}

.oz-section-head {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    margin-bottom: 33px;
    text-align: center;
}

.oz-feature .oz-section-head,
.oz-service .oz-section-head,
.oz-stock .oz-section-head,
.oz-profit .oz-section-head {
    margin-bottom: 48px;
}

.oz-section-head__title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.oz-section-head__mark {
    width: 38px;
    height: 38px;
    flex: none;
}

.oz-section-head__title h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 600;
    color: #1D1F23;
}

.oz-section-head p {
    max-width: 100%;
    font-size: 18px;
    line-height: 30px;
    color: #8D9398;
}

.oz-hero__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 152px;
    height: 48px;
    padding: 12px 24px;
    background: #005BFF;
    border: 1px solid #005BFF;
    border-radius: 8px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #FFFFFF;
    transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

.oz-hero__button:hover {
    background: #FFFFFF;
    border-color: #005BFF;
    color: #005BFF;
    transform: translateY(-2px);
}

.oz-card-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    line-height: 20px;
    color: #1479CD;
}

.oz-card-link img {
    width: 16px;
    height: 16px;
    padding: 0;
    background: none;
    border-radius: 0;
}

.oz-card-link:hover {
    opacity: .75;
}

/* 首屏。 */
.oz-hero {
    position: relative;
    overflow: hidden;
    height: 664px;
    background: #F4F7FB;
}

.oz-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E0F0FF;
    clip-path: polygon(calc(50% + 274px) 0, 100% 0, 100% 100%, calc(50% - 319px) 100%);
    pointer-events: none;
}

.oz-hero__inner {
    position: relative;
    width: 1156px;
    height: 100%;
    margin: 0 auto;
}

.oz-hero__copy {
    position: absolute;
    left: -9px;
    top: 214px;
    z-index: 1;
    width: 520px;
}

.oz-hero__copy h2 {
    font-size: 42px;
    line-height: 52px;
    font-weight: 900;
    color: #001A34;
}

.oz-hero__brand {
    color: #005BFF;
}

.oz-hero__slogan {
    margin-top: 12px;
    font-size: 32px;
    line-height: 38px;
    font-weight: 900;
    color: #001A34;
}

.oz-hero__desc {
    width: 460px;
    margin-top: 26px;
    font-size: 18px;
    line-height: 30px;
    color: #001A34;
}

.oz-hero__button {
    margin-top: 32px;
}

.oz-hero__visual {
    position: absolute;
    left: 434px;
    top: 190px;
    width: 849px;
    height: auto;
    pointer-events: none;
}

/* 运营难题。 */
.oz-pain__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.oz-pain__item {
    min-height: 188px;
    padding: 32px 30px;
    background: #FBFCFD;
    border: 1px solid #E8EBF0;
    border-radius: 16px;
    cursor: pointer;
}

.oz-landing-page .oz-pain__item.reveal {
    transition: opacity .6s ease-out, transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.oz-landing-page .oz-pain__item.reveal:hover {
    border-color: #005BFF;
    box-shadow: 0 4px 6px -3px rgba(38, 38, 38, .1), 0 8px 12px 1px rgba(38, 38, 38, .06), 0 3px 16px 2px rgba(38, 38, 38, .05);
    transform: translateY(-1px);
}

/* 客服、采购、库存卡片整卡可点：悬停高亮与运营难题卡片一致，链接本身不再单独响应。 */
.oz-service__card,
.oz-purchase__card,
.oz-stock__card {
    cursor: pointer;
}

.oz-landing-page .oz-service__card.reveal,
.oz-landing-page .oz-purchase__card.reveal,
.oz-landing-page .oz-stock__card.reveal {
    transition: opacity .6s ease-out, transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.oz-landing-page .oz-service__card.reveal:hover,
.oz-landing-page .oz-purchase__card.reveal:hover,
.oz-landing-page .oz-stock__card.reveal:hover {
    border-color: #005BFF;
    box-shadow: 0 4px 6px -3px rgba(38, 38, 38, .1), 0 8px 12px 1px rgba(38, 38, 38, .06), 0 3px 16px 2px rgba(38, 38, 38, .05);
    transform: translateY(-1px);
}

.oz-service__card .oz-card-link,
.oz-purchase__card .oz-card-link,
.oz-stock__card .oz-card-link {
    pointer-events: none;
}

.oz-pain__icon {
    width: 46px;
    height: 46px;
}

.oz-pain__item h3 {
    margin-top: 16px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #1B1D22;
}

.oz-pain__item p {
    margin-top: 8px;
    font-size: 16px;
    line-height: 26px;
    color: #73777D;
}

/* 6 步流程。 */
.oz-flow__list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    overflow: hidden;
    background: #FFFFFF;
    border: 1px solid #E8EBF1;
    border-radius: 24px;
}

.oz-flow__item {
    position: relative;
    min-height: 440px;
    padding: 36px 24px 28px;
    cursor: pointer;
}

.oz-flow__item + .oz-flow__item {
    box-shadow: inset 1px 0 0 #E8EBF1;
}

.oz-flow__item + .oz-flow__item::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 42px;
    left: 0;
    width: 10px;
    height: 18px;
    background: url("../../../img/productIntroduce/ozon/flow-chevron.svg") center / 10px 18px no-repeat;
    pointer-events: none;
}

.oz-flow__item:hover,
.oz-flow__item:focus-visible {
    background: #F5F6F9;
}

.oz-flow__index {
    display: block;
    padding-top: 3px;
    height: 30px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #005BFF;
}

.oz-flow__item > img {
    width: 46px;
    height: 46px;
    margin-top: 24px;
}

.oz-flow__item h3 {
    margin-top: 24px;
    min-height: 60px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: #001A34;
}

.oz-flow__item p {
    margin-top: 20px;
    font-size: 16px;
    line-height: 26px;
    color: #8D9398;
}

.oz-flow__item .oz-card-link {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 28px;
    height: 24px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #005BFF;
    justify-content: space-between;
    opacity: 0;
    pointer-events: none;
}

.oz-flow__item:hover .oz-card-link,
.oz-flow__item:focus-visible .oz-card-link {
    opacity: 1;
    pointer-events: none;
}

/* 功能区：截图 + 手风琴。 */
.oz-feature__panel {
    display: flex;
    align-items: stretch;
    gap: 37px;
    height: 490px;
    padding: 32px;
    box-shadow: inset 0 0 0 1px #FFFFFF;
    background: linear-gradient(113deg, #F7FCFE 0%, #E5F1FE 51%, #D4E7FE 100%);
    border-radius: 20px;
}

.oz-feature--order .oz-feature__panel {
    background: linear-gradient(113deg, #F4FBFE 0%, #E5F1FE 51%, #DBF9F6 100%);
}

.oz-feature--ads .oz-feature__panel {
    background: linear-gradient(113deg, #EDEFFF 0%, #EDEEFF 51%, #F3FAFD 100%);
}

.oz-feature__shot {
    width: 640px;
    height: 426px;
    flex: none;
    align-self: flex-start;
}

.oz-feature__shot img {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.oz-feature__shot img.is-active {
    display: block;
}

.oz-accordion {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    height: 426px;
}

.oz-accordion__item {
    flex: none;
    min-height: 60px;
    padding: 16px 24px;
    margin-bottom: 0;
    border-radius: 16px;
    cursor: pointer;
    transition: background-color .2s ease;
}

.oz-accordion__item:last-of-type {
    margin-bottom: 0;
}

.oz-accordion__title {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 28px;
    font-size: 20px;
    line-height: 28px;
    color: #5C616B;
}

.oz-accordion__icon {
    width: 24px;
    height: 24px;
    flex: none;
    background: var(--oz-icon) center / contain no-repeat;
}

.oz-accordion__item.is-active .oz-accordion__icon,
.oz-accordion__item:hover .oz-accordion__icon {
    background-image: var(--oz-icon-active);
}

.oz-accordion__item p {
    display: none;
    margin-top: 8px;
    font-size: 16px;
    line-height: 24px;
    color: #1B1D22;
}

.oz-accordion__item.is-active {
    min-height: 132px;
    padding: 24px;
    margin-bottom: 0;
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 16px;
}

.oz-accordion__item.is-active .oz-accordion__title {
    color: #005BFF;
    font-weight: 500;
}

.oz-accordion__item:hover .oz-accordion__title {
    color: #005BFF;
}

.oz-accordion__item.is-active p {
    display: block;
}

.oz-panel-button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    height: 48px;
    margin-top: auto;
    font-weight: 600;
    background: #1479CD;
    border: 1px solid #1479CD;
    border-radius: 8px;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.oz-panel-button:hover {
    border-color: #0F6DBD;
    background: #0F6DBD;
    color: #FFFFFF;
    box-shadow: 0 6px 16px rgba(20, 121, 205, .22);
    transform: translateY(-1px);
}

.oz-panel-button:active {
    border-color: #0D62AB;
    background: #0D62AB;
    color: #FFFFFF;
    box-shadow: 0 2px 6px rgba(20, 121, 205, .16);
    transform: translateY(0);
}

/* 客服消息。 */
.oz-service__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.oz-service__card {
    display: flex;
    flex-direction: column;
    height: 340px;
    padding: 40px 24px;
    background: #FFFFFF;
    border: 1px solid #EAEDF1;
    border-color: #E2E7F1;
    border-radius: 18px;
}

.oz-service__card > img {
    width: 46px;
    height: 46px;
}

.oz-service__card h3 {
    margin-top: 16px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #111418;
}

.oz-service__card p {
    margin-top: 4px;
    font-size: 16px;
    line-height: 24px;
    color: #73777D;
}

.oz-service__card .oz-card-link {
    margin-top: auto;
}

/* 采购。 */
.oz-purchase__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px 22px;
}

.oz-purchase__card {
    display: flex;
    flex-direction: column;
    height: 172px;
    padding: 22px 20px;
    background: #FFFFFF;
    border: 1px solid #EAEDF1;
    border-radius: 16px;
}

.oz-purchase__card > img,
.oz-stock__card > img {
    flex: none;
    width: 46px;
    height: 46px;
    padding: 10.5px;
    background: #EBF3FF;
    border-radius: 14px;
    object-fit: contain;
}

.oz-purchase__card h3 {
    margin-top: 12px;
    flex: none;
    height: 32px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #1B1D22;
}

.oz-purchase__card .oz-card-link {
    flex: none;
    margin-top: 16px;
}

/* 库存。 */
.oz-stock__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.oz-stock__card {
    display: flex;
    flex-direction: column;
    height: 204px;
    padding: 22px 20px;
    background: #FFFFFF;
    border: 1px solid #EAEDF1;
    border-radius: 16px;
}

.oz-stock__card h3 {
    margin-top: 12px;
    height: 32px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #1B1D22;
}

.oz-stock__card p {
    margin-top: 4px;
    font-size: 16px;
    line-height: 24px;
    color: #73777D;
}

.oz-stock__card .oz-card-link {
    flex: none;
    margin-top: 20px;
}

/* 利润手风琴。 */
.oz-profit__panel {
    display: flex;
    align-items: stretch;
    gap: 20px;
    width: 1112px;
    height: 452px;
    margin: 0 auto;
}

.oz-profit__item {
    display: flex;
    flex-direction: column;
    width: 184px;
    flex: none;
    padding: 24px;
    overflow: hidden;
    background: #FFFFFF;
    border: 1px solid #EAEDF1;
    border-radius: 16px;
    cursor: pointer;
    transition: width .3s ease, border-color .2s ease, box-shadow .2s ease;
}

.oz-profit__item.is-active {
    width: 500px;
    cursor: default;
}

.oz-profit__item:not(.is-active):hover {
    border-color: #005BFF;
    box-shadow: 0 4px 12px rgba(0, 91, 255, .1);
}

.oz-profit__item:not(.is-active):hover h3 {
    color: #005BFF;
}

.oz-profit__item > img {
    flex: none;
    width: 100%;
    height: 248px;
    margin-top: 16px;
    object-fit: contain;
    opacity: 0;
    transition: opacity .2s ease;
}

.oz-profit__item.is-active > img {
    opacity: 1;
    /* 宽度展开接近完成后再淡入图表，避免内容与拉伸同时进行显得闪烁。 */
    transition: opacity .25s ease .15s;
}

.oz-profit__item h3 {
    flex: none;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #1D1F23;
}

.oz-profit__item p {
    margin-top: 20px;
    font-size: 16px;
    line-height: 22.4px;
    color: #73777D;
}

.oz-profit__item.is-active p {
    flex: none;
    line-height: 22px;
}

.oz-profit__item .oz-panel-button {
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s ease, visibility 0s linear .2s;
}

.oz-profit__item.is-active .oz-panel-button {
    visibility: visible;
    opacity: 1;
    transition: opacity .25s ease .15s, visibility 0s;
}

/* 轮播圆点。 */
.oz-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    margin-top: 32px;
}

.oz-dots span {
    width: 25px;
    height: 6px;
    border-radius: 3px;
    background: rgba(18, 22, 27, 0.06);
    cursor: pointer;
}

.oz-dots span.is-active {
    background: #1479CD;
}

.oz-landing-page .reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .6s ease-out, transform .6s ease-out;
}

.oz-landing-page .reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    .oz-landing-page .reveal {
        transition: none;
        opacity: 1;
        transform: none;
    }
}

.oz-landing-page .index-head.oz-nav-no-transition,
.oz-landing-page .index-head.oz-nav-no-transition .nav-word ul .nav-li a,
.oz-landing-page .index-head.oz-nav-no-transition .nav-word ul .nav-li a::after {
    transition: none !important;
}

/* 未滚动时只把导航文字和 logo 改成设计稿里的黑色，背景保持透明。 */
.oz-landing-page .index-head:not(.white-style) .nav-word ul .nav-li a,
.oz-landing-page .index-head:not(.white-style) .dropdown-menu--title {
    color: #191700;
}

.oz-landing-page .index-head:not(.white-style) .index-nav-a .nav-img-logo {
    color: #029BD8;
}

.oz-landing-page .index-head:not(.white-style) .nav-word ul .nav-li a.active::after,
.oz-landing-page .index-head:not(.white-style) .nav-word ul .nav-li a:hover::after {
    background-color: #191700;
}

/* 落地页内点击链接后去掉浏览器默认黑色焦点边框，不影响其他页面。 */
.oz-landing-page a:focus,
.oz-landing-page a:active,
.oz-landing-page button:focus,
.oz-landing-page button:active {
    outline: none;
}

.oz-pain .oz-section-head,
.oz-flow .oz-section-head {
    gap: 16px;
    margin-bottom: 32px;
}

.oz-pain__item h3 {
    font-weight: 500;
    color: #172B4D;
}

.oz-pain__item p {
    line-height: 24px;
    color: #6B7D99;
}

.oz-feature {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, #FFFFFF 0%, #F7FBFF 50%, #EBF5FF 100%);
}

.oz-feature--order {
    background: linear-gradient(180deg, #EBF5FF 0%, #F7FBFF 50%, #FFFFFF 100%);
}

.oz-feature::before,
.oz-feature::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.oz-feature::before {
    left: calc(50% - 872px);
    top: 208px;
    width: 620px;
    height: 390px;
    background: rgba(255, 59, 193, .04);
    filter: blur(90px);
}

.oz-feature::after {
    left: calc(50% + 431px);
    top: 49px;
    width: 893px;
    height: 520px;
    background: rgba(82, 233, 253, .06);
    filter: blur(70px);
}

.oz-feature--order::before {
    left: calc(50% + 427px);
    top: 300px;
}

.oz-feature--order::after {
    left: calc(50% - 1070px);
    top: 152px;
}

.oz-feature--ads::before {
    left: calc(50% - 768px);
    top: 470px;
}

.oz-feature--ads {
    background: linear-gradient(180deg, #FFFFFF 0%, #F7FBFF 50%, #FFFFFF 100%);
}

.oz-feature .oz-container {
    position: relative;
    z-index: 1;
}

.oz-feature .oz-section-head {
    margin-bottom: 40px;
}

.oz-feature__panel--reverse .oz-accordion,
.oz-feature--ads .oz-accordion {
    height: 415px;
}

.oz-feature__shot {
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 6px 19px rgba(94, 215, 234, .14);
}

.oz-card-link img,
.oz-flow__item .oz-card-link img {
    flex: none;
    width: 16px;
    height: 16px;
    margin: 0;
}

.oz-service__card .oz-card-link img,
.oz-purchase__card .oz-card-link img,
.oz-stock__card .oz-card-link img {
    width: 16px;
    height: 16px;
}

.oz-purchase .oz-section-head {
    margin-bottom: 33px;
}

.oz-stock__card > div {
    flex: none;
}

.oz-profit {
    background: linear-gradient(180deg, #FFFFFF 0%, #F4F7FB 50%, #FFFFFF 100%);
}

.oz-profit__item[data-shot-index="0"].is-active > img,
.oz-profit__item[data-shot-index="1"].is-active > img {
    width: 448px;
}

.oz-profit__item[data-shot-index="1"].is-active > img {
    height: 220px;
}

.oz-profit__item[data-shot-index="2"].is-active > img {
    height: 250px;
}

.oz-profit__item[data-shot-index="3"].is-active > img {
    width: 470px;
    height: 258px;
}

.oz-flow__item:hover .oz-card-link,
.oz-flow__item:hover .oz-card-link:hover,
.oz-flow__item:focus-visible .oz-card-link {
    color: #005BFF;
    opacity: 1;
}

.oz-accordion__icon--tab-source-1 {
    --oz-icon: url("../../../img/productIntroduce/ozon/tab-source-1.svg");
    --oz-icon-active: url("../../../img/productIntroduce/ozon/tab-source-1-active.svg");
}

.oz-accordion__icon--tab-source-2 {
    --oz-icon: url("../../../img/productIntroduce/ozon/tab-source-2.svg");
    --oz-icon-active: url("../../../img/productIntroduce/ozon/tab-source-2-active.svg");
}

.oz-accordion__icon--tab-source-3 {
    --oz-icon: url("../../../img/productIntroduce/ozon/tab-source-3.svg");
    --oz-icon-active: url("../../../img/productIntroduce/ozon/tab-source-3-active.svg");
}

.oz-accordion__icon--tab-source-4 {
    --oz-icon: url("../../../img/productIntroduce/ozon/tab-source-4.svg");
    --oz-icon-active: url("../../../img/productIntroduce/ozon/tab-source-4-active.svg");
}

.oz-accordion__icon--tab-order-1 {
    --oz-icon: url("../../../img/productIntroduce/ozon/tab-order-1.svg");
    --oz-icon-active: url("../../../img/productIntroduce/ozon/tab-order-1-active.svg");
}

.oz-accordion__icon--tab-order-2 {
    --oz-icon: url("../../../img/productIntroduce/ozon/tab-order-2.svg");
    --oz-icon-active: url("../../../img/productIntroduce/ozon/tab-order-2-active.svg");
}

.oz-accordion__icon--tab-order-3 {
    --oz-icon: url("../../../img/productIntroduce/ozon/tab-order-3.svg");
    --oz-icon-active: url("../../../img/productIntroduce/ozon/tab-order-3-active.svg");
}

.oz-accordion__icon--tab-order-4 {
    --oz-icon: url("../../../img/productIntroduce/ozon/tab-order-4.svg");
    --oz-icon-active: url("../../../img/productIntroduce/ozon/tab-order-4-active.svg");
}

.oz-accordion__icon--tab-ads-1 {
    --oz-icon: url("../../../img/productIntroduce/ozon/tab-ads-1.svg");
    --oz-icon-active: url("../../../img/productIntroduce/ozon/tab-ads-1-active.svg");
}

.oz-accordion__icon--tab-ads-2 {
    --oz-icon: url("../../../img/productIntroduce/ozon/tab-ads-2.svg");
    --oz-icon-active: url("../../../img/productIntroduce/ozon/tab-ads-2-active.svg");
}

.oz-accordion__icon--tab-ads-3 {
    --oz-icon: url("../../../img/productIntroduce/ozon/tab-ads-3.svg");
    --oz-icon-active: url("../../../img/productIntroduce/ozon/tab-ads-3-active.svg");
}

.oz-accordion__icon--tab-ads-4 {
    --oz-icon: url("../../../img/productIntroduce/ozon/tab-ads-4.svg");
    --oz-icon-active: url("../../../img/productIntroduce/ozon/tab-ads-4-active.svg");
}