.hero-ticker {
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
    width: 100%;
    margin-top: auto;
    padding-top: clamp(32px, 4vh, 56px);
}

.hero-ticker-window {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-block: 1px solid #4bdff56b;
    background:
        radial-gradient(ellipse at 45% 0, #1d85c545, transparent 65%),
        repeating-linear-gradient(115deg, transparent 0 27px, #62cff807 27px 28px),
        linear-gradient(100deg, #040b1a, #071c31 50%, #080d22);
    box-shadow: 0 -8px 36px #2be6ff14, 0 12px 42px #2378ff1c, inset 0 1px #affff729;
    mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
}

.hero-ticker-window::before,
.hero-ticker-window::after {
    position: absolute;
    inset: 0;
    pointer-events: none;
    content: '';
}

.hero-ticker-window::before {
    z-index: -1;
    background: linear-gradient(110deg, transparent 35%, #41e9ff0a 43%, #9effed24 50%, #8387ff0d 57%, transparent 65%);
    transform: translateX(-100%);
    animation: hero-ticker-scan 10s linear infinite;
}

.hero-ticker-window::after {
    z-index: -1;
    background:
        repeating-linear-gradient(90deg, #7cf9ff55 0 1px, transparent 1px 12px) 0 7px / 100% 3px no-repeat,
        repeating-linear-gradient(90deg, #6d93ff40 0 1px, transparent 1px 12px) 0 calc(100% - 7px) / 100% 3px no-repeat;
    opacity: .45;
}

.hero-ticker-rail {
    position: absolute;
    z-index: 2;
    right: 0;
    left: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, #5cfce0 35%, #50bbff 65%, transparent);
    box-shadow: 0 0 12px #4be8ff55;
    pointer-events: none;
}
.hero-ticker-rail.is-top { top: 0; }
.hero-ticker-rail.is-bottom { bottom: 0; opacity: .7; }
.hero-ticker-rail::after {
    position: absolute;
    inset: -1px 0;
    background: linear-gradient(90deg, transparent 35%, #5aeeff4d 45%, #e5fffc 50%, #7c96ff55 55%, transparent 65%);
    box-shadow: 0 0 12px #5cefff33;
    content: '';
    animation: hero-ticker-rail 7s linear infinite;
}
.hero-ticker-rail.is-bottom::after { animation-delay: -3.5s; animation-direction: reverse; }

.hero-ticker-track {
    position: relative;
    z-index: 1;
    display: flex;
    width: max-content;
    animation: hero-ticker-scroll 130s linear infinite;
}

.hero-ticker-group {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    min-width: 100vw;
    min-height: 108px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.hero-ticker-group li {
    --ticker-accent: #85ffe5;
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 42px;
    padding: 10px 42px 0 0;
    color: #e6fff9;
    font-family: 'Unbounded', Arial, sans-serif;
    font-size: clamp(17px, 1.35vw, 24px);
    font-weight: 550;
    letter-spacing: -.015em;
    line-height: 1.3;
    white-space: nowrap;
}

.hero-ticker-index {
    position: absolute;
    top: -7px;
    left: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--ticker-accent);
    font: 500 9px/1 ui-monospace, Consolas, monospace;
    letter-spacing: .12em;
    opacity: .65;
}
.hero-ticker-index::after { width: 28px; height: 1px; background: currentColor; content: ''; opacity: .55; }
.hero-ticker-copy {
    background: linear-gradient(110deg, #f0fffc 20%, var(--ticker-accent));
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 20px #64eedc1f;
}
.hero-ticker-group li::after {
    flex: 0 0 auto;
    width: 5px;
    height: 5px;
    border: 1px solid #d5fffc;
    border-radius: 50%;
    background: var(--ticker-accent);
    box-shadow: 0 0 0 5px #5cf4ed0b, 0 0 10px var(--ticker-accent), 0 0 24px #28bfff55;
    content: '';
    animation: hero-ticker-beacon 4s ease-in-out infinite;
}
.hero-ticker-group li:nth-child(3n+2) { --ticker-accent: #69dfff; color: #e3f5ff; }
.hero-ticker-group li:nth-child(3n+3) { --ticker-accent: #bba7ff; color: #eae5ff; }
.hero-ticker-group li:nth-child(3n+2)::after { animation-delay: -1.3s; }
.hero-ticker-group li:nth-child(3n+3)::after { animation-delay: -2.6s; }

@keyframes hero-ticker-scroll { to { transform: translateX(-50%); } }
@keyframes hero-ticker-scan { to { transform: translateX(100%); } }
@keyframes hero-ticker-rail {
    from { transform: translateX(-100%); }
    to { transform: translateX(100%); }
}
@keyframes hero-ticker-beacon {
    0%, 100% { opacity: .55; transform: scale(.85); }
    50% { opacity: 1; transform: scale(1.15); }
}

@media (forced-colors: active) {
    .hero-ticker-copy { background: none; color: CanvasText; -webkit-text-fill-color: currentColor; text-shadow: none; }
    .hero-ticker-rail { display: none; }
}

.hero-detail-icon {
    display: inline-block;
    width: 26px;
    height: 26px;
    flex: 0 0 auto;
    background: currentColor;
    -webkit-mask: var(--hero-icon) center / contain no-repeat;
    mask: var(--hero-icon) center / contain no-repeat;
}
.hero-detail-icon.is-profit { --hero-icon: url('/images/icons/heroicons-chart-bar-square.svg'); }
.hero-detail-icon.is-format { --hero-icon: url('/images/icons/heroicons-squares-2x2.svg'); }
.hero-detail-icon.is-api { --hero-icon: url('/images/icons/heroicons-arrow-path-rounded-square.svg'); }
.hero-detail-icon.is-next { --hero-icon: url('/images/icons/heroicons-arrow-long-right.svg'); }
.hero-detail-icon.is-safe { --hero-icon: url('/images/icons/heroicons-shield-check.svg'); }
.hero-detail-icon.is-marketplaces { --hero-icon: url('/images/icons/heroicons-building-storefront.svg'); }
.hero-detail-icon.is-fast { --hero-icon: url('/images/icons/heroicons-rocket-launch.svg'); }
.hero-chip > .hero-detail-icon { color: #47dfff; filter: drop-shadow(0 0 8px #26bfff55); }
.hero-trust .hero-detail-icon { width: 18px; height: 18px; color: #7db5ff; }
.hero-actions .hero-detail-icon { width: 23px; height: 23px; color: inherit; }
body:not(.legal-page) .hero-actions > .btn-primary {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 62px;
    font-size: clamp(18px, 1.15vw, 20px);
    font-weight: 800;
    line-height: 1.25;
    gap: 12px;
    background: linear-gradient(110deg, #1170ff, #147dff 48%, #0860ed);
    transition: transform .28s cubic-bezier(.2,.7,.2,1), box-shadow .32s ease;
}
body:not(.legal-page) .hero-actions > .btn-primary > span { position: relative; z-index: 1; }
body:not(.legal-page) .hero-actions > .btn-primary::before {
    position: absolute;
    inset: -65% -40%;
    z-index: 0;
    background: linear-gradient(110deg, transparent 42%, #8de8ff24 47%, #d6ffff77 50%, #8de8ff24 53%, transparent 58%);
    opacity: 0;
    transform: translateX(-75%);
    pointer-events: none;
    content: '';
}
body:not(.legal-page) .hero-actions > .btn-primary:is(:hover, :focus-visible) {
    transform: translateY(-2px);
    box-shadow: 0 8px 28px #0874ff66, 0 0 36px #2bbfff29;
}
body:not(.legal-page) .hero-actions > .btn-primary:is(:hover, :focus-visible)::before {
    animation: hero-trial-sweep .8s cubic-bezier(.2,.6,.25,1) both;
}
.hero-actions .hero-detail-icon.is-next { transition: transform .3s cubic-bezier(.2,.7,.2,1); }
.hero-actions > .btn-primary:is(:hover, :focus-visible) .hero-detail-icon.is-next { transform: translateX(4px); }
@keyframes hero-trial-sweep {
    0% { opacity: 0; transform: translateX(-75%); }
    18%, 65% { opacity: 1; }
    100% { opacity: 0; transform: translateX(75%); }
}

.pricing-marketplace-options {
    display: flex;
    width: max-content;
    max-width: 100%;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
    border: 1px solid #49c7ff38;
    border-radius: 16px;
    padding: 12px 20px;
    background: linear-gradient(135deg, #12457745, #061c3266);
    box-shadow: inset 0 1px #b6e9ff0a;
}
.pricing-marketplace-choice {
    display: block;
    margin: 0;
    color: #c7d8ed;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.3;
    text-align: center;
}
.pricing-marketplace-choice + .pricing-marketplaces { width: auto; margin: 0; }

@media (min-width: 781px) {
    .pricing-card.pricing-plan-card { height: auto; min-height: 430px; padding-bottom: 24px; }
    .pricing-plan-card > .pricing-card-head,
    .pricing-plan-card > .pricing-turnover,
    .pricing-plan-card > .pricing-price { flex-shrink: 0; }
}

.hero-flow {
    perspective: 800px;
    animation: none;
}

.hero-flow-card {
    position: relative;
    overflow: hidden;
    animation: hero-source-arrive .65s cubic-bezier(.16, 1, .3, 1) both;
}

.hero-flow-card.is-wb { --flow-color: #c85cff; animation-delay: .12s; }
.hero-flow-card.is-ozon { --flow-color: #2bd6ff; animation-delay: .28s; }
.hero-flow-card.is-ymarket { --flow-color: #ffd13d; animation-delay: .44s; }

.hero-flow-card::after,
.hero-flow-result::after {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(110deg, transparent 25%, rgba(214, 249, 255, .22) 48%, transparent 70%);
    opacity: 0;
    transform: translateX(-100%);
    pointer-events: none;
    content: '';
    animation: hero-card-sheen 5.4s 3.3s ease-in-out infinite;
}

.hero-flow-card.is-ozon::after { animation-delay: 3.5s; }
.hero-flow-card.is-ymarket::after { animation-delay: 3.7s; }

.hero-flow-channel { --flow-delay: .55s; color: #c85cff; }
.hero-flow-channel.is-blue { --flow-delay: .7s; color: #2bd6ff; }
.hero-flow-channel.is-yellow { --flow-delay: .85s; color: #ffd13d; }
.hero-flow-channel.is-cyan { --flow-delay: 1.55s; color: #2bd6ff; }
.hero-flow-channel.is-green { --flow-delay: 1.75s; color: #31ff91; }
.hero-flow-channel.is-amber { --flow-delay: 1.95s; color: #ffd13d; }

.hero-flow-channel .hero-flow-line,
.hero-flow-channel .hero-flow-line-glow {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    opacity: 0;
    animation: hero-channel-draw .75s var(--flow-delay) cubic-bezier(.4, 0, .2, 1) both;
}

.hero-flow-channel .hero-flow-line {
    stroke-width: 2;
    filter: drop-shadow(0 0 4px currentColor);
}

.hero-flow-channel .hero-flow-line-glow {
    stroke-width: 8;
    filter: blur(4px);
    animation-name: hero-channel-glow;
}

.hero-flow-tip {
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0;
    animation: hero-tip-arrive .2s calc(var(--flow-delay) + .7s) ease both;
}

.hero-flow-packet {
    fill: none;
    stroke: #e7ffff;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-dasharray: 9 191;
    stroke-dashoffset: 12;
    filter: drop-shadow(0 0 4px currentColor) drop-shadow(0 0 8px currentColor);
    opacity: 0;
    animation: hero-data-travel 2.6s calc(var(--flow-delay) + 1s) linear infinite both;
}

.hero-flow-core {
    isolation: isolate;
    overflow: visible;
    background: radial-gradient(ellipse at 50% 0, #174567, #071829 75%);
    animation: hero-core-arrive .8s 1s cubic-bezier(.16, 1, .3, 1) both;
}

.hero-core-halo {
    position: absolute;
    z-index: -1;
    inset: -12px;
    border: 1px solid #56dff526;
    border-radius: 30px;
    pointer-events: none;
}
.hero-core-field {
    position: absolute;
    inset: -22px;
    border-radius: 50%;
    background: radial-gradient(ellipse, #30e9ed30, #1673ff14 50%, transparent 72%);
    animation: hero-core-breathe 4.8s ease-in-out infinite;
}
.hero-core-orbit {
    position: absolute;
    inset: 0;
    overflow: hidden;
    padding: 1.5px;
    border-radius: inherit;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
}
.hero-core-orbit::before {
    position: absolute;
    inset: -60%;
    background: conic-gradient(from 0deg, transparent 0deg 215deg, #4179ff33 255deg, #36dfffaa 290deg, #c4fff7 312deg, transparent 315deg 360deg);
    content: '';
    animation: hero-core-circuit 6s linear infinite;
}
.hero-core-orbit.is-outer { inset: -7px; padding: 1px; border-radius: 36px; opacity: .55; }
.hero-core-orbit.is-outer::before {
    background: conic-gradient(from 150deg, transparent 0deg 250deg, #8397ff55 280deg, #92aaff 310deg, transparent 313deg 360deg);
    animation-duration: 9s;
    animation-direction: reverse;
}
.hero-flow-core::before {
    position: absolute;
    z-index: -1;
    inset: -5px;
    border: 1px solid #57e7f9;
    border-radius: 24px;
    box-shadow: 0 0 15px #2bd6ff30;
    opacity: 0;
    pointer-events: none;
    content: '';
    animation: hero-core-wave 4.8s 1.65s ease-out infinite both;
}
.hero-flow-mark::before { filter: drop-shadow(0 0 14px #2bd6ff90); }

.hero-flow-result {
    position: relative;
    overflow: hidden;
    animation: hero-result-arrive .65s var(--result-delay) cubic-bezier(.16, 1, .3, 1) both;
}

.hero-flow-result.is-sales { --result-delay: 2.12s; border-color: #2bd6ff66; }
.hero-flow-result.is-stock { --result-delay: 2.32s; border-color: #31ff9166; }
.hero-flow-result.is-finance { --result-delay: 2.52s; border-color: #ffd13d66; }
.hero-flow-result::after { animation-delay: calc(var(--result-delay) + 1.4s); }
.hero-flow-check { animation-delay: calc(var(--result-delay) + .4s); }
.hero-flow-result > span.hero-flow-check {
    color: #39ff88;
    border-color: #39ff88;
    background: rgba(57, 255, 136, .14);
    box-shadow: inset 0 0 8px #39ff8826, 0 0 15px #39ff8870;
}
.hero-flow-result > .hero-flow-check::after {
    border-color: #39ff88;
    filter: drop-shadow(0 0 4px #39ff88);
}
.hero-chips { animation-delay: 2.65s; animation-duration: .65s; }

.hero-flow.is-offscreen *,
.hero-flow.is-offscreen *::before,
.hero-flow.is-offscreen *::after,
.hero-ticker.is-offscreen .hero-ticker-track,
.hero-ticker.is-offscreen .hero-ticker-window::before,
.hero-ticker.is-offscreen .hero-ticker-window::after,
.hero-ticker.is-offscreen li::after,
.hero-ticker.is-offscreen .hero-ticker-rail::after { animation-play-state: paused !important; }

@keyframes hero-source-arrive {
    from { opacity: 0; filter: blur(7px); transform: translate3d(-26px, 0, -35px) rotateY(18deg) scale(.9); }
    to { opacity: 1; filter: none; transform: none; }
}
@keyframes hero-channel-draw {
    0% { opacity: 0; stroke-dashoffset: 100; }
    3% { opacity: 1; }
    100% { opacity: 1; stroke-dashoffset: 0; }
}
@keyframes hero-channel-glow {
    0% { opacity: 0; stroke-dashoffset: 100; }
    3% { opacity: .28; }
    100% { opacity: .28; stroke-dashoffset: 0; }
}
@keyframes hero-tip-arrive { to { opacity: 1; } }
@keyframes hero-data-travel {
    /* The dash period exceeds the path; the next dash cannot wrap into view. */
    0% { opacity: 0; stroke-dashoffset: 12; }
    10%, 90% { opacity: 1; }
    100% { opacity: 0; stroke-dashoffset: -112; }
}
@keyframes hero-core-arrive {
    0% { opacity: 0; filter: blur(10px); transform: scale(.72) rotateY(-22deg); }
    65% { opacity: 1; filter: none; transform: scale(1.06); }
    100% { opacity: 1; filter: none; transform: none; }
}
@keyframes hero-core-wave {
    0% { opacity: 0; transform: scale(1); }
    12% { opacity: .35; }
    80%, 100% { opacity: 0; transform: scale(1.25); }
}
@keyframes hero-core-circuit { to { transform: rotate(360deg); } }
@keyframes hero-core-breathe {
    0%, 100% { opacity: .5; transform: scale(.9); }
    50% { opacity: 1; transform: scale(1.08); }
}
@keyframes hero-result-arrive {
    from { opacity: 0; filter: blur(8px); transform: translate3d(30px, 0, -30px) rotateY(-12deg) scale(.94); }
    to { opacity: 1; filter: none; transform: none; }
}
@keyframes hero-card-sheen {
    0%, 8% { opacity: 0; transform: translateX(-100%); }
    15% { opacity: 1; }
    32%, 100% { opacity: 0; transform: translateX(100%); }
}

@media (min-width: 1121px) {
    .hero-grid { --hero-shot-extra: clamp(380px, 24vw, 560px); }
    .hero .product-frame {
        width: min(1540px, calc(100% + var(--hero-shot-extra) + clamp(20px, calc(20vw - 224px), 84px)));
        max-width: calc(100% + var(--hero-shot-extra) + clamp(20px, calc(20vw - 224px), 84px));
    }
}

@media (max-width: 780px) {
    body:not(.legal-page) .site-header-inner { width: min(430px, calc(100% - 28px)); }
    body:not(.legal-page) .hero-copy h1 { font-size: clamp(24px, 4.4vw, 34px); line-height: 1.2; }
    body:not(.legal-page) .hero-title { gap: 6px; }
    body:not(.legal-page) .hero-title-line.is-marketplaces { font-size: clamp(23px, 4.1vw, 32px); line-height: 1.2; }
    .hero-ticker { margin-top: 0; padding-top: 28px; }
    .hero-ticker-group { min-height: 88px; }
    .hero-ticker-group li { gap: 28px; padding-right: 28px; font-size: 17px; }
    body:not(.legal-page) .hero-actions > .btn-primary { font-size: 18px; padding-inline: 20px; }
    .pricing-plan-card .pricing-marketplace-options { grid-area: marketplaces; justify-self: end; gap: 6px; margin: 0; padding: 8px 10px; border-radius: 12px; }
    .pricing-plan-card .pricing-card-head { height: auto; }
    .pricing-plan-card .pricing-marketplace-choice { margin: 0; font-size: 10px; }
}

@media (prefers-reduced-motion: reduce) {
    body:not(.legal-page) .hero-actions > .btn-primary::before { display: none; }
    body:not(.legal-page) .hero-actions > .btn-primary:is(:hover, :focus-visible),
    .hero-actions > .btn-primary:is(:hover, :focus-visible) .hero-detail-icon.is-next { transform: none; }
}

@media (max-width: 560px) {
    body:not(.legal-page) .site-header-inner { width: min(420px, calc(100% - 24px)); }
}

@media (prefers-reduced-motion: reduce) {
    .hero-flow *, .hero-flow *::before, .hero-flow *::after { animation: none !important; }
    .hero-flow-card, .hero-flow-core, .hero-flow-result, .hero-flow-tip { opacity: 1; transform: none; filter: none; }
    .hero-flow-packet, .hero-flow-core::before, .hero-flow-card::after, .hero-flow-result::after { display: none; }
    .hero-ticker-window { overflow-x: auto; mask-image: none; }
    .hero-ticker-track { animation: none; }
    .hero-ticker-window::before, .hero-ticker-window::after, .hero-ticker-group li::after, .hero-ticker-rail::after { animation: none; }
    .hero-ticker-window::before, .hero-ticker-rail::after { display: none; }
    .hero-ticker-group[aria-hidden] { display: none; }
}