/* WUP Lead Monitor homepage. Loaded only through the CMS page CSS field. */

.wup-public-v553 {
    --wup-home-register-start: #ffd45d;
    --wup-home-register-end: #ff8b22;
    --wup-home-register-ink: #263149;
    --wup-home-register-shadow: rgba(228, 105, 16, .30);
}

.wup-public-v553 .wup-public-trial-link {
    border-color: #ffe08e;
    border-radius: 999px;
    background: linear-gradient(125deg, var(--wup-home-register-start), var(--wup-home-register-end));
    box-shadow: 0 6px 17px var(--wup-home-register-shadow), inset 0 1px 0 rgba(255, 255, 255, .65);
    color: var(--wup-home-register-ink);
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.wup-public-v553 .wup-public-trial-link:hover,
.wup-public-v553 .wup-public-trial-link:focus-visible {
    background: linear-gradient(125deg, #ffe07d, #ffa037);
    box-shadow: 0 9px 22px rgba(228, 105, 16, .38), inset 0 1px 0 rgba(255, 255, 255, .7);
    color: var(--wup-home-register-ink);
    transform: translateY(-2px);
}

.wup-public-v553 .wup-public-mobile-account .wup-public-trial-link {
    border-color: #ffe08e;
    color: var(--wup-home-register-ink);
}

.wup-public-v553 .wup-public-login-register a {
    padding: 7px 11px;
    border-radius: 999px;
    background: linear-gradient(125deg, var(--wup-home-register-start), var(--wup-home-register-end));
    box-shadow: 0 5px 14px rgba(228, 105, 16, .20);
    color: var(--wup-home-register-ink);
}

.wup-public-v553 .wup-public-login-register a:hover,
.wup-public-v553 .wup-public-login-register a:focus-visible {
    background: linear-gradient(125deg, #ffe07d, #ffa037);
    color: var(--wup-home-register-ink);
}

.wup-public-v553 .wup-home {
    overflow: hidden;
    background: #fff
}

.wup-public-v553 .wup-home-shell {
    position: relative;
    width: min(100% - 40px,var(--wup-shell));
    margin: auto
}

.wup-public-v553 .wup-story-section {
    position: relative;
    padding: 20px 0
}

.wup-public-v553 .wup-section-heading {
    max-width: 850px;
    margin: 0 auto 42px;
    text-align: center
}

.wup-public-v553 .wup-section-heading.is-wide {
    max-width: 1100px
}

.wup-public-v553 .wup-section-heading>span,.wup-public-v553 .wup-home-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 13px;
    color: #1264ff;
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase
}

.wup-public-v553 .wup-home-kicker.is-light,.wup-public-v553 .wup-section-heading.is-light>span {
    color: #70ddea
}

.wup-public-v553 .wup-section-heading h2,.wup-public-v553 .wup-story-section h2,.wup-public-v553 .wup-home-final h2 {
    margin: 0;
    color: var(--wup-ink);
    font-size: clamp(1.9rem,3.2vw,3rem);
    font-weight: 830;
    letter-spacing: -.045em;
    line-height: 1.04
}

.wup-public-v553 .wup-section-heading p,.wup-public-v553 .wup-story-section h2+p {
    max-width: 760px;
    margin: 18px auto 0;
    color: var(--wup-muted);
    font-size: 1.03rem;
    line-height: 1.7
}

.wup-public-v553 [data-wup-reveal] {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)
}

.wup-public-v553 [data-wup-reveal].is-visible {
    opacity: 1;
    transform: none
}

/* 1. Hero: product first */
.wup-public-v553 .wup-home-hero {
    position: relative;
    padding: 70px 0 76px;
    background: radial-gradient(circle at 15% 20%,rgba(25,199,212,.16),transparent 28%),radial-gradient(circle at 88% 20%,rgba(114,86,255,.13),transparent 30%),linear-gradient(180deg,#f9fcff 0,#fff 78%)
}

.wup-public-v553 .wup-home-hero:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(24,76,125,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(24,76,125,.045) 1px,transparent 1px);
    background-size: 46px 46px;
    mask-image: linear-gradient(to bottom,#000,transparent 85%);
    pointer-events: none
}

.wup-public-v553 .wup-home-hero-grid {
    display: grid;
    grid-template-columns: minmax(0,.95fr) minmax(530px,1.05fr);
    align-items: center;
    gap: 45px
}

.wup-public-v553 .wup-home-hero-copy h1 {
    max-width: 680px;
    margin: 0;
    font-size: clamp(2.45rem,3.65vw,4rem);
    font-weight: 880;
    letter-spacing: -.052em;
    line-height: 1.01
}

.wup-public-v553 .wup-home-hero-copy h1 span {
    display: block;
    margin-top: 10px;
    background: linear-gradient(115deg,#1264ff 0,#7256ff 56%,#e04f82 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.wup-public-v553 .wup-home-lead {
    max-width: 650px;
    margin: 24px 0 0;
    color: #4e5f72;
    font-size: 1.1rem;
    line-height: 1.72
}

.wup-public-v553 .wup-home-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 30px
}

.wup-public-v553 .wup-home-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 48px;
    padding: 11px 17px;
    border: 1px solid transparent;
    border-radius: 12px;
    font-size: .86rem;
    font-weight: 800;
    transition: transform .2s,box-shadow .2s,background .2s
}

.wup-public-v553 .wup-home-button:hover {
    transform: translateY(-2px)
}

.wup-public-v553 .wup-home-button.is-primary {
    background: linear-gradient(135deg,#1264ff,#6946ec);
    box-shadow: 0 15px 32px rgba(36,83,210,.24);
    color: #fff
}

.wup-public-v553 .wup-home-button.is-quiet {
    border-color: #d6e1ed;
    background: #fff;
    color: #26374b
}

.wup-public-v553 .wup-home-button.is-light {
    background: #fff;
    color: #12263e;
    box-shadow: 0 14px 34px rgba(0,0,0,.18)
}

.wup-public-v553 .wup-home-assurance {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    max-width: 610px;
    margin: 17px 0 0;
    color: #65758a;
    font-size: .75rem
}

.wup-public-v553 .wup-home-assurance i {
    margin-top: 3px;
    color: #13a874
}

.wup-public-v553 .wup-radar-demo {
    position: relative;
    border: 1px solid #cfdceb;
    border-radius: 22px;
    background: #0c1d32;
    box-shadow: 0 36px 80px rgba(22,47,80,.2);
    overflow: hidden;
    transform: perspective(1200px) rotateY(-2deg)
}

.wup-public-v553 .wup-radar-demo:after {
    content: "";
    position: absolute;
    inset: 48px 0 auto;
    height: 2px;
    background: linear-gradient(90deg,transparent,#42dbe7,transparent);
    animation: wupScanLine 3.2s linear infinite
}

.wup-public-v553 .wup-radar-demo-top,.wup-public-v553 .wup-radar-demo-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 15px;
    background: #102742;
    color: #d9e9fb
}

.wup-public-v553 .wup-radar-demo-brand,.wup-public-v553 .wup-live-pill,.wup-public-v553 .wup-radar-demo-foot span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: .68rem;
    font-weight: 770
}

.wup-public-v553 .wup-radar-demo-brand i {
    color: #35b5ff
}

.wup-public-v553 .wup-live-pill {
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(22,164,111,.15);
    color: #7ce4ba
}

.wup-public-v553 .wup-live-pill i {
    font-size: .42rem;
    animation: wupPulse 1.7s infinite
}

.wup-public-v553 .wup-radar-demo-body {
    display: grid;
    grid-template-columns: minmax(0,1fr) 35px minmax(0,.95fr);
    align-items: center;
    min-height: 392px;
    padding: 18px
}

.wup-public-v553 .wup-radar-source-stream {
    display: grid;
    gap: 9px
}

.wup-public-v553 .wup-radar-message {
    padding: 12px;
    border: 1px solid #243e5b;
    border-radius: 13px;
    background: #122942;
    color: #d8e5f2;
    opacity: .45;
    transform: scale(.96);
    transition: opacity .35s,transform .35s,border-color .35s
}

.wup-public-v553 .wup-radar-message.is-active {
    border-color: #36cddb;
    box-shadow: 0 0 0 3px rgba(54,205,219,.1);
    opacity: 1;
    transform: scale(1)
}

.wup-public-v553 .wup-radar-message>div {
    display: grid;
    grid-template-columns: 27px 1fr auto;
    align-items: center;
    gap: 7px
}

.wup-public-v553 .wup-radar-avatar {
    display: grid;
    width: 27px;
    height: 27px;
    place-items: center;
    border-radius: 8px;
    background: #1d4163;
    color: #72dbe4;
    font-size: .7rem
}

.wup-public-v553 .wup-radar-message strong {
    font-size: .68rem
}

.wup-public-v553 .wup-radar-message time {
    color: #7f96ad;
    font-size: .58rem
}

.wup-public-v553 .wup-radar-message p {
    margin: 8px 0 0;
    font-size: .74rem;
    line-height: 1.45
}

.wup-public-v553 .wup-radar-scan {
    display: flex;
    align-items: center;
    color: #42dbe7
}

.wup-public-v553 .wup-radar-scan span {
    display: block;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg,transparent,#42dbe7)
}

.wup-public-v553 .wup-radar-scan i {
    font-size: .65rem
}

.wup-public-v553 .wup-radar-result {
    position: relative;
    padding: 15px;
    border: 1px solid #cfe2e8;
    border-radius: 15px;
    background: #fff;
    color: #17263a;
    box-shadow: 0 15px 40px rgba(0,0,0,.24)
}

.wup-public-v553 .wup-radar-result:before {
    content: "";
    position: absolute;
    left: -5px;
    top: 26px;
    width: 10px;
    height: 10px;
    background: #fff;
    transform: rotate(45deg)
}

.wup-public-v553 .wup-radar-result-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px
}

.wup-public-v553 .wup-radar-result-head span {
    color: #0b9364;
    font-size: .61rem;
    font-weight: 850;
    text-transform: uppercase
}

.wup-public-v553 .wup-radar-result-head strong {
    padding: 4px 6px;
    border-radius: 6px;
    background: #e7f8f1;
    color: #0b8e61;
    font-size: .58rem
}

.wup-public-v553 .wup-radar-result>p {
    min-height: 55px;
    margin: 12px 0;
    color: #26364a;
    font-size: .76rem;
    font-weight: 650;
    line-height: 1.45
}

.wup-public-v553 .wup-radar-result dl {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
    margin: 0
}

.wup-public-v553 .wup-radar-result dl div {
    padding: 7px;
    border-radius: 8px;
    background: #f1f5f9
}

.wup-public-v553 .wup-radar-result dt {
    color: #7b8897;
    font-size: .52rem;
    text-transform: uppercase
}

.wup-public-v553 .wup-radar-result dd {
    margin: 2px 0 0;
    font-size: .62rem;
    font-weight: 800
}

.wup-public-v553 .wup-radar-result a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    color: #145bc8;
    font-size: .61rem;
    font-weight: 760
}

.wup-public-v553 .wup-radar-demo-foot {
    background: #091a2d;
    color: #8fa9c0
}

.wup-public-v553 .wup-radar-demo-foot span:last-child i {
    color: #37d69c
}

/* 2. Demand pulse */
.wup-public-v553 .wup-home-pulse {
    position: relative;
    display: grid;
    place-items: center;
    padding: 42px 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 48% 44%, rgba(22, 66, 111, 0.72), transparent 43%),
        linear-gradient(120deg, #06111f 0%, #0a1f36 48%, #071426 100%);
    isolation: isolate;
}

.wup-public-v553 .wup-pulse-v2-grid {
    position: absolute;
    z-index: -4;
    inset: 0;
    opacity: 0.18;
    background-image:
        linear-gradient(rgba(116, 185, 223, 0.12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(116, 185, 223, 0.12) 1px, transparent 1px);
    background-size: 38px 38px;
    mask-image: radial-gradient(circle at 56% 50%, #000 10%, transparent 78%);
    -webkit-mask-image: radial-gradient(circle at 56% 50%, #000 10%, transparent 78%);
}

.wup-public-v553 .wup-pulse-v2-aurora {
    position: absolute;
    z-index: -3;
    border-radius: 50%;
    opacity: 0.32;
    filter: blur(60px);
    animation: wupPulseV2Aurora 9s ease-in-out infinite alternate;
}

.wup-public-v553 .wup-pulse-v2-aurora.is-blue {
    top: -120px;
    left: 8%;
    width: 330px;
    height: 270px;
    background: #0f87dc;
}

.wup-public-v553 .wup-pulse-v2-aurora.is-violet {
    right: 4%;
    bottom: -160px;
    width: 390px;
    height: 310px;
    background: #6743e4;
    animation-delay: -3s;
}

.wup-public-v553 .wup-pulse-v2-aurora.is-cyan {
    top: 34%;
    left: 46%;
    width: 210px;
    height: 180px;
    background: #1ac9bd;
    opacity: 0.18;
    animation-delay: -6s;
}

@keyframes wupPulseV2Aurora {
    from {
        transform: translate3d(-25px, -10px, 0) scale(0.92);
    }

    to {
        transform: translate3d(35px, 18px, 0) scale(1.12);
    }
}

.wup-public-v553 .wup-pulse-v2-cloud {
    position: absolute;
    z-index: -1;
    inset: -8% -4%;
    opacity: 0.22;
    pointer-events: none;
}

.wup-public-v553 .wup-pulse-v2-cloud span {
    position: absolute;
    max-width: 230px;
    padding: 7px 11px;
    overflow: hidden;
    border: 1px solid currentColor;
    border-radius: 999px;
    background: rgba(10, 31, 52, 0.82);
    color: #6edce4;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.2);
    font-size: 0.66rem;
    font-weight: 700;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
    animation: wupPulseV2Float 9s ease-in-out infinite alternate;
}

.wup-public-v553 .wup-pulse-v2-cloud span:nth-child(1) {
    top: 12%;
    left: 2%;
    animation-duration: 8s;
    animation-delay: -2s;
}

.wup-public-v553 .wup-pulse-v2-cloud span:nth-child(2) {
    top: 4%;
    left: 30%;
    animation-duration: 10s;
    animation-delay: -5s;
}

.wup-public-v553 .wup-pulse-v2-cloud span:nth-child(3) {
    top: 8%;
    left: 69%;
    animation-delay: -1s;
}

.wup-public-v553 .wup-pulse-v2-cloud span:nth-child(4) {
    top: 24%;
    left: 84%;
    animation-duration: 11s;
    animation-delay: -4s;
}

.wup-public-v553 .wup-pulse-v2-cloud span:nth-child(5) {
    top: 49%;
    left: -3%;
    animation-delay: -7s;
}

.wup-public-v553 .wup-pulse-v2-cloud span:nth-child(6) {
    top: 53%;
    left: 87%;
    animation-duration: 8s;
    animation-delay: -3s;
}

.wup-public-v553 .wup-pulse-v2-cloud span:nth-child(7) {
    top: 78%;
    left: 4%;
    animation-duration: 10s;
    animation-delay: -1s;
}

.wup-public-v553 .wup-pulse-v2-cloud span:nth-child(8) {
    top: 87%;
    left: 28%;
    animation-duration: 8s;
    animation-delay: -6s;
}

.wup-public-v553 .wup-pulse-v2-cloud span:nth-child(9) {
    top: 89%;
    left: 62%;
    animation-duration: 12s;
    animation-delay: -2s;
}

.wup-public-v553 .wup-pulse-v2-cloud span:nth-child(10) {
    top: 78%;
    left: 82%;
    animation-delay: -8s;
}

.wup-public-v553 .wup-pulse-v2-cloud span:nth-child(11) {
    top: 31%;
    left: 12%;
    animation-duration: 11s;
    animation-delay: -4s;
}

.wup-public-v553 .wup-pulse-v2-cloud span:nth-child(12) {
    top: 35%;
    left: 72%;
    animation-duration: 10s;
    animation-delay: -5s;
}

.wup-public-v553 .wup-pulse-v2-cloud .is-violet {
    color: #9a87ff;
}

.wup-public-v553 .wup-pulse-v2-cloud .is-gold {
    color: #f4bd63;
}

.wup-public-v553 .wup-pulse-v2-cloud .is-pink {
    color: #ff82aa;
}

.wup-public-v553 .wup-pulse-v2-cloud .is-green {
    color: #55dba4;
}

.wup-public-v553 .wup-pulse-v2-cloud .is-blue {
    color: #59a6ff;
}

@keyframes wupPulseV2Float {
    from {
        transform: translate3d(-18px, -7px, 0) rotate(-1deg);
    }

    to {
        transform: translate3d(25px, 10px, 0) rotate(1deg);
    }
}

.wup-public-v553 .wup-pulse-v2-shell {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(280px, 0.72fr) minmax(500px, 1.28fr);
    gap: 32px;
    align-items: center;
}

.wup-public-v553 .wup-pulse-v2-copy {
    max-width: 440px;
}

.wup-public-v553 .wup-pulse-v2-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: #7be4ea;
    font-size: 0.67rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.wup-public-v553 .wup-pulse-v2-kicker i {
    filter: drop-shadow(0 0 8px rgba(77, 227, 238, 0.58));
}

.wup-public-v553 .wup-pulse-v2-copy h2 {
    max-width: 440px;
    margin: 0;
    color: #f4f9fd;
    font-size: clamp(1.7rem, 2.7vw, 1.90rem);
    font-weight: 750;
    letter-spacing: -0.03em;
    line-height: 1.08;
}

.wup-public-v553 .wup-pulse-v2-copy h2 strong {
    display: block;
    margin-top: 5px;
    color: transparent;
    background: linear-gradient(90deg, #55e2ea 0%, #80a6ff 47%, #cf78ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    font-weight: 750;
}

.wup-public-v553 .wup-pulse-v2-copy > p {
    max-width: 425px;
    margin: 12px 0 0;
    color: #a9bed0;
    font-size: 0.86rem;
    font-weight: 400;
    line-height: 1.48;
}

.wup-public-v553 .wup-pulse-v2-contrast {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 15px;
}

.wup-public-v553 .wup-pulse-v2-contrast > span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 27px;
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 0.6rem;
    font-weight: 650;
}

.wup-public-v553 .wup-pulse-v2-contrast .is-noise {
    border: 1px solid rgba(255, 132, 145, 0.16);
    background: rgba(255, 103, 122, 0.07);
    color: #9d8792;
    text-decoration: line-through;
    text-decoration-color: rgba(255, 111, 132, 0.78);
}

.wup-public-v553 .wup-pulse-v2-contrast .is-intent {
    border: 1px solid rgba(76, 225, 171, 0.28);
    background: rgba(43, 205, 148, 0.12);
    color: #81e9bf;
    box-shadow: 0 0 24px rgba(52, 210, 157, 0.1);
}

.wup-public-v553 .wup-pulse-v2-contrast > i {
    color: #658096;
    font-size: 0.7rem;
}

.wup-public-v553 .wup-pulse-v2-stage {
    position: relative;
    min-height: 230px;
    overflow: hidden;
    border: 1px solid rgba(114, 183, 221, 0.16);
    border-radius: 22px;
    background:
        radial-gradient(circle at 43% 48%, rgba(31, 124, 182, 0.15), transparent 34%),
        rgba(5, 20, 35, 0.8);
    box-shadow:
        0 24px 60px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(14px);
}

.wup-public-v553 .wup-pulse-v2-stage::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(110deg, transparent 0 42%, rgba(83, 218, 235, 0.05) 50%, transparent 58%);
    animation: wupPulseV2StageScan 4s linear infinite;
    pointer-events: none;
}

@keyframes wupPulseV2StageScan {
    from {
        transform: translateX(-75%);
    }

    to {
        transform: translateX(75%);
    }
}

.wup-public-v553 .wup-pulse-v2-source-window {
    position: absolute;
    top: 18px;
    left: 18px;
    z-index: 4;
    width: 150px;
    height: 165px;
    overflow: hidden;
    mask-image: linear-gradient(to bottom, transparent 0, #000 7%, #000 93%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 7%, #000 93%, transparent 100%);
}

.wup-public-v553 .wup-pulse-v2-source-track {
    display: flex;
    flex-direction: column;
    gap: 8px;
    animation: wupPulseV2SourceScroll 24s linear infinite;
    will-change: transform;
}

.wup-public-v553 .wup-pulse-v2-source-window:hover .wup-pulse-v2-source-track {
    animation-play-state: paused;
}

@keyframes wupPulseV2SourceScroll {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(0, -624px, 0);
    }
}

.wup-public-v553 .wup-pulse-v2-source {
    position: relative;
    display: grid;
    width: 100%;
    height: 44px;
    min-width: 0;
    flex: 0 0 44px;
    grid-template-columns: 25px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    box-sizing: border-box;
    padding: 6px 8px;
    overflow: hidden;
    border: 1px solid rgba(115, 181, 216, 0.14);
    border-radius: 10px;
    background: rgba(16, 46, 72, 0.9);
    color: #b7ccdc;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.16);
    font-size: 0.58rem;
    font-weight: 600;
}

.wup-public-v553 .wup-pulse-v2-source span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wup-public-v553 .wup-pulse-v2-source i {
    display: grid;
    width: 25px;
    height: 25px;
    place-items: center;
    border-radius: 8px;
    background: rgba(73, 184, 224, 0.11);
    color: currentColor;
}

.wup-public-v553 .wup-pulse-v2-source.is-cyan {
    color: #63d5e3;
}

.wup-public-v553 .wup-pulse-v2-source.is-violet {
    color: #a18cff;
}

.wup-public-v553 .wup-pulse-v2-source.is-gold {
    color: #f6bd66;
}

.wup-public-v553 .wup-pulse-v2-source.is-blue {
    color: #6ca9ff;
}

.wup-public-v553 .wup-pulse-v2-source.is-pink {
    color: #ed82a7;
}

.wup-public-v553 .wup-pulse-v2-source.is-green {
    color: #62daa7;
}

.wup-public-v553 .wup-pulse-v2-line {
    position: absolute;
    z-index: 1;
    left: 168px;
    width: 69px;
    height: 1px;
    background: linear-gradient(90deg, rgba(96, 178, 218, 0.12), rgba(83, 220, 232, 0.52));
    transform-origin: left center;
}

.wup-public-v553 .wup-pulse-v2-line.is-first {
    top: 44px;
    transform: rotate(35deg);
}

.wup-public-v553 .wup-pulse-v2-line.is-second {
    top: 105px;
}

.wup-public-v553 .wup-pulse-v2-line.is-third {
    top: 168px;
    transform: rotate(-35deg);
}

.wup-public-v553 .wup-pulse-v2-particle {
    position: absolute;
    z-index: 3;
    left: 168px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #5ee6ed;
    box-shadow: 0 0 12px currentColor;
}

.wup-public-v553 .wup-pulse-v2-particle.is-first {
    top: 43px;
    color: #5ee6ed;
    animation: wupPulseV2ParticleFirst 1.7s linear infinite;
}

.wup-public-v553 .wup-pulse-v2-particle.is-second {
    top: 102px;
    color: #a18cff;
    background: #a18cff;
    animation: wupPulseV2ParticleSecond 1.7s linear -0.55s infinite;
}

.wup-public-v553 .wup-pulse-v2-particle.is-third {
    top: 165px;
    color: #f6bd66;
    background: #f6bd66;
    animation: wupPulseV2ParticleThird 1.7s linear -1.1s infinite;
}

@keyframes wupPulseV2ParticleFirst {
    from {
        opacity: 0;
        transform: translate(0, 0);
    }

    15% {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate(69px, 52px);
    }
}

@keyframes wupPulseV2ParticleSecond {
    from {
        opacity: 0;
        transform: translate(0, 0);
    }

    15% {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate(69px, 0);
    }
}

@keyframes wupPulseV2ParticleThird {
    from {
        opacity: 0;
        transform: translate(0, 0);
    }

    15% {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate(69px, -52px);
    }
}

.wup-public-v553 .wup-pulse-v2-hub {
    position: absolute;
    z-index: 5;
    top: 54px;
    left: 195px;
    display: grid;
    width: 95px;
    height: 95px;
    place-content: center;
    border: 1px solid rgba(92, 228, 235, 0.42);
    border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, #398bdc, #4936b6 68%, #1a1a5a 100%);
    color: #fff;
    box-shadow: 0 0 0 8px rgba(51, 179, 211, 0.06), 0 0 40px rgba(57, 173, 224, 0.26);
    text-align: center;
}

.wup-public-v553 .wup-pulse-v2-hub b {
    font-size: 1.02rem;
    font-weight: 900;
    letter-spacing: -0.03em;
}

.wup-public-v553 .wup-pulse-v2-hub small {
    color: rgba(255, 255, 255, 0.68);
    font-size: 0.48rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.wup-public-v553 .wup-pulse-v2-ring {
    position: absolute;
    border: 1px solid rgba(82, 224, 234, 0.2);
    border-radius: 50%;
    animation: wupPulseV2Ring 2.4s ease-out infinite;
}

.wup-public-v553 .wup-pulse-v2-ring.is-inner {
    inset: -12px;
}

.wup-public-v553 .wup-pulse-v2-ring.is-outer {
    inset: -27px;
    animation-delay: 0.8s;
}

@keyframes wupPulseV2Ring {
    0% {
        opacity: 0.72;
        transform: scale(0.72);
    }

    80%,
    100% {
        opacity: 0;
        transform: scale(1.12);
    }
}

.wup-public-v553 .wup-pulse-v2-scan {
    position: absolute;
    inset: -15px;
    border-radius: 50%;
    background: conic-gradient(from 0deg, transparent 0deg 285deg, rgba(98, 234, 238, 0.35) 330deg, transparent 360deg);
    animation: wupPulseV2Radar 2.8s linear infinite;
}

@keyframes wupPulseV2Radar {
    to {
        transform: rotate(360deg);
    }
}

.wup-public-v553 .wup-pulse-v2-beam {
    position: absolute;
    z-index: 2;
    top: 105px;
    left: 269px;
    width: 95px;
    height: 1px;
    background: linear-gradient(90deg, rgba(88, 228, 234, 0.62), rgba(116, 101, 242, 0.45));
}

.wup-public-v553 .wup-pulse-v2-beam span {
    position: absolute;
    top: -2px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #7be7ed;
    box-shadow: 0 0 10px #6cdbe6;
    animation: wupPulseV2Beam 1.1s linear infinite;
}

@keyframes wupPulseV2Beam {
    to {
        transform: translateX(46px);
    }
}

.wup-public-v553 .wup-pulse-v2-lead-stack {
    position: absolute;
    z-index: 5;
    top: 29px;
    right: 14px;
    left: 47%;
    width: auto;
    min-height: 150px;
}

.wup-public-v553 .wup-pulse-v2-lead {
    position: absolute;
    inset: 0;
    min-height: 150px;
    padding: 15px;
    border: 1px solid rgba(77, 227, 238, 0.46);
    border-radius: 14px;
    background:
        linear-gradient(135deg, rgba(77, 227, 238, 0.1), transparent 48%),
        rgba(15, 39, 62, 0.97);
    box-shadow:
        0 22px 48px rgba(0, 0, 0, 0.28),
        0 0 26px rgba(77, 227, 238, 0.12);
    opacity: 0;
    transform: translateX(14px) scale(0.97);
    animation: wupPulseV2LeadCycle 13s ease infinite;
}

.wup-public-v553 .wup-pulse-v2-lead:nth-child(2) {
    border-color: rgba(155, 127, 255, 0.48);
    background:
        linear-gradient(135deg, rgba(155, 127, 255, 0.11), transparent 48%),
        rgba(15, 39, 62, 0.97);
    animation-delay: 2.6s;
}

.wup-public-v553 .wup-pulse-v2-lead:nth-child(3) {
    border-color: rgba(255, 190, 89, 0.48);
    background:
        linear-gradient(135deg, rgba(255, 190, 89, 0.1), transparent 48%),
        rgba(15, 39, 62, 0.97);
    animation-delay: 5.2s;
}

.wup-public-v553 .wup-pulse-v2-lead:nth-child(4) {
    border-color: rgba(255, 111, 159, 0.48);
    background:
        linear-gradient(135deg, rgba(255, 111, 159, 0.1), transparent 48%),
        rgba(15, 39, 62, 0.97);
    animation-delay: 7.8s;
}

.wup-public-v553 .wup-pulse-v2-lead:nth-child(5) {
    border-color: rgba(80, 221, 165, 0.48);
    background:
        linear-gradient(135deg, rgba(80, 221, 165, 0.1), transparent 48%),
        rgba(15, 39, 62, 0.97);
    animation-delay: 10.4s;
}

@keyframes wupPulseV2LeadCycle {
    0% {
        opacity: 0;
        transform: translateX(14px) scale(0.97);
    }

    4%,
    17% {
        opacity: 1;
        transform: translateX(0) scale(1);
    }

    20%,
    100% {
        opacity: 0;
        transform: translateX(-8px) scale(0.98);
    }
}

.wup-public-v553 .wup-pulse-v2-lead header,
.wup-public-v553 .wup-pulse-v2-lead footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.wup-public-v553 .wup-pulse-v2-lead-category {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #4de3ee;
    font-size: 0.56rem;
    font-weight: 850;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.wup-public-v553 .wup-pulse-v2-lead:nth-child(2) .wup-pulse-v2-lead-category,
.wup-public-v553 .wup-pulse-v2-lead:nth-child(2) footer strong {
    color: #9b7fff;
}

.wup-public-v553 .wup-pulse-v2-lead:nth-child(3) .wup-pulse-v2-lead-category,
.wup-public-v553 .wup-pulse-v2-lead:nth-child(3) footer strong {
    color: #ffbe59;
}

.wup-public-v553 .wup-pulse-v2-lead:nth-child(4) .wup-pulse-v2-lead-category,
.wup-public-v553 .wup-pulse-v2-lead:nth-child(4) footer strong {
    color: #ff6f9f;
}

.wup-public-v553 .wup-pulse-v2-lead:nth-child(5) .wup-pulse-v2-lead-category,
.wup-public-v553 .wup-pulse-v2-lead:nth-child(5) footer strong {
    color: #50dda5;
}

.wup-public-v553 .wup-pulse-v2-lead time {
    color: #6f899d;
    font-size: 0.55rem;
    font-weight: 700;
}

.wup-public-v553 .wup-pulse-v2-lead > p {
    min-height: 65px;
    margin: 13px 0 10px;
    color: #d8e6ee;
    font-size: 0.73rem;
    font-weight: 400;
    line-height: 1.5;
}

.wup-public-v553 .wup-pulse-v2-lead footer {
    padding-top: 10px;
    border-top: 1px solid rgba(123, 179, 210, 0.13);
}

.wup-public-v553 .wup-pulse-v2-lead footer span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #69dda9;
    font-size: 0.55rem;
    font-weight: 750;
}

.wup-public-v553 .wup-pulse-v2-lead footer strong {
    color: #4de3ee;
    font-size: 0.66rem;
    font-weight: 650;
}

.wup-public-v553 .wup-pulse-v2-status {
    position: absolute;
    right: 16px;
    bottom: 13px;
    left: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: #7590a4;
    font-size: 0.55rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.wup-public-v553 .wup-pulse-v2-status span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.wup-public-v553 .wup-pulse-v2-status i {
    color: #4edda4;
}

.wup-public-v553 .wup-pulse-v2-status b {
    color: #93aabc;
    font-weight: 850;
}

.wup-public-v553 .wup-pulse-v2-status b span {
    display: inline;
    color: #66dce6;
}

@media (max-width: 1199.98px) {
    .wup-public-v553 .wup-pulse-v2-shell {
        grid-template-columns: minmax(260px, 0.68fr) minmax(500px, 1.32fr);
        gap: 28px;
    }

    .wup-public-v553 .wup-pulse-v2-copy h2 {
        font-size: 2rem;
    }

    .wup-public-v553 .wup-pulse-v2-contrast .is-noise:nth-of-type(2) {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .wup-public-v553 .wup-home-pulse {
        min-height: 0;
    }

    .wup-public-v553 .wup-pulse-v2-shell {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .wup-public-v553 .wup-pulse-v2-copy {
        max-width: 650px;
    }

    .wup-public-v553 .wup-pulse-v2-stage {
        width: min(680px, 100%);
    }
}

@media (max-width: 767.98px) {
    .wup-public-v553 .wup-home-pulse {
        min-height: 0;
        padding: 34px 0;
    }

    .wup-public-v553 .wup-pulse-v2-shell {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .wup-public-v553 .wup-pulse-v2-copy {
        max-width: none;
    }

    .wup-public-v553 .wup-pulse-v2-copy h2 {
        max-width: 100%;
        font-size: clamp(1.65rem, 8vw, 2.05rem);
        line-height: 1.1;
    }

    .wup-public-v553 .wup-pulse-v2-copy > p {
        max-width: 100%;
        font-size: 0.84rem;
    }

    .wup-public-v553 .wup-pulse-v2-contrast {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        gap: 7px;
    }

    .wup-public-v553 .wup-pulse-v2-contrast .is-noise:nth-of-type(2),
    .wup-public-v553 .wup-pulse-v2-contrast .is-noise:nth-of-type(3) {
        display: none;
    }

    .wup-public-v553 .wup-pulse-v2-contrast > span {
        justify-content: center;
    }

    .wup-public-v553 .wup-pulse-v2-stage {
        width: 100%;
        min-height: 535px;
    }

    .wup-public-v553 .wup-pulse-v2-source-window {
        top: 18px;
        right: 12px;
        left: 12px;
        width: auto;
        height: 148px;
    }

    .wup-public-v553 .wup-pulse-v2-line,
    .wup-public-v553 .wup-pulse-v2-particle,
    .wup-public-v553 .wup-pulse-v2-beam {
        display: none;
    }

    .wup-public-v553 .wup-pulse-v2-hub {
        top: 188px;
        right: auto;
        left: 50%;
        width: 58px;
        height: 58px;
        transform: translateX(-50%);
    }

    .wup-public-v553 .wup-pulse-v2-lead-stack {
        top: 276px;
        right: 12px;
        left: 12px;
        width: auto;
        min-height: 205px;
    }

    .wup-public-v553 .wup-pulse-v2-lead {
        min-height: 205px;
        padding: 13px;
    }

    .wup-public-v553 .wup-pulse-v2-lead > p {
        min-height: 102px;
        margin: 11px 0 9px;
        font-size: 0.7rem;
        line-height: 1.45;
    }

    .wup-public-v553 .wup-pulse-v2-status {
        right: 12px;
        bottom: 9px;
        left: 12px;
    }

    .wup-public-v553 .wup-pulse-v2-cloud {
        opacity: 0.14;
    }
}

@media (max-width: 399.98px) {
    .wup-public-v553 .wup-pulse-v2-stage {
        min-height: 495px;
    }

    .wup-public-v553 .wup-pulse-v2-lead-stack,
    .wup-public-v553 .wup-pulse-v2-lead {
        min-height: 105px;
    }

    .wup-public-v553 .wup-pulse-v2-lead > p {
        min-height: 95px;
    }

    .wup-public-v553 .wup-pulse-v2-status {
        align-items: flex-start;
        flex-direction: column;
        gap: 3px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wup-public-v553 .wup-pulse-v2-aurora,
    .wup-public-v553 .wup-pulse-v2-cloud span,
    .wup-public-v553 .wup-pulse-v2-stage::before,
    .wup-public-v553 .wup-pulse-v2-particle,
    .wup-public-v553 .wup-pulse-v2-ring,
    .wup-public-v553 .wup-pulse-v2-scan,
    .wup-public-v553 .wup-pulse-v2-beam span,
    .wup-public-v553 .wup-pulse-v2-source-track,
    .wup-public-v553 .wup-pulse-v2-lead {
        animation: none;
    }

    .wup-public-v553 .wup-pulse-v2-lead:first-child {
        opacity: 1;
        transform: none;
    }
}

/* Payment systems strip. Homepage only. */
.wup-public-v553 .wup-payments-v16 {
    position: relative;
    overflow: hidden;
    padding: 22px 0;
    border-top: 1px solid rgba(24, 83, 144, 0.1);
    border-bottom: 1px solid rgba(24, 83, 144, 0.1);
    background:
        radial-gradient(circle at 12% 0%, rgba(55, 197, 255, 0.12), transparent 28%),
        radial-gradient(circle at 86% 100%, rgba(118, 75, 255, 0.1), transparent 30%),
        linear-gradient(135deg, #f7fbff 0%, #ffffff 48%, #f8f6ff 100%);
    color: #14243a;
}

.wup-public-v553 .wup-payments-v16::before {
    content: "";
    position: absolute;
    top: 0;
    left: -35%;
    width: 28%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.82), transparent);
    transform: skewX(-18deg);
    animation: wup-payments-v16-glint 9s ease-in-out infinite;
    pointer-events: none;
}

.wup-public-v553 .wup-payments-v16-inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(250px, 0.72fr) minmax(0, 2.28fr);
    align-items: center;
    gap: 22px;
}

.wup-public-v553 .wup-payments-v16-intro {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 11px;
}

.wup-public-v553 .wup-payments-v16-intro > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(34, 116, 255, 0.18);
    border-radius: 14px;
    background: linear-gradient(145deg, #1678ff, #6847ef);
    box-shadow: 0 9px 22px rgba(46, 93, 212, 0.22);
    color: #ffffff;
    font-size: 17px;
}

.wup-public-v553 .wup-payments-v16-intro strong,
.wup-public-v553 .wup-payments-v16-intro small {
    display: block;
}

.wup-public-v553 .wup-payments-v16-intro strong {
    margin-bottom: 3px;
    color: #11243d;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.15;
}

.wup-public-v553 .wup-payments-v16-intro small {
    color: #64738a;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
}

.wup-public-v553 .wup-payments-v16-list {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.wup-public-v553 .wup-payments-v16-brand {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 52px;
    gap: 7px;
    overflow: hidden;
    padding: 7px 8px;
    border: 1px solid rgba(35, 72, 119, 0.11);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow:
        0 8px 20px rgba(31, 64, 109, 0.07),
        inset 0 1px 0 rgba(255, 255, 255, 0.92);
    transition:
        transform 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease;
}

.wup-public-v553 .wup-payments-v16-brand::after {
    content: "";
    position: absolute;
    right: -18px;
    bottom: -22px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--wup-payment-accent, #2879ff);
    opacity: 0.08;
    transition: transform 180ms ease;
}

.wup-public-v553 .wup-payments-v16-brand:hover {
    z-index: 2;
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--wup-payment-accent, #2879ff) 34%, transparent);
    box-shadow: 0 13px 28px rgba(31, 64, 109, 0.13);
}

.wup-public-v553 .wup-payments-v16-brand:hover::after {
    transform: scale(1.35);
}

.wup-public-v553 .wup-payments-v16-brand > i {
    flex: 0 0 auto;
    color: var(--wup-payment-accent, #2879ff);
    font-size: 24px;
    line-height: 1;
}

.wup-public-v553 .wup-payments-v16-brand > b {
    min-width: 0;
    color: #26364d;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.08;
    white-space: nowrap;
}

.wup-public-v553 .wup-payments-v16-mark {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-width: 27px;
    height: 27px;
    padding: 0 5px;
    border-radius: 9px;
    background: var(--wup-payment-accent, #2879ff);
    box-shadow: 0 5px 12px color-mix(in srgb, var(--wup-payment-accent, #2879ff) 22%, transparent);
    color: #ffffff;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.02em;
}

.wup-public-v553 .wup-payments-v16-brand.is-visa {
    --wup-payment-accent: #1a1f71;
}

.wup-public-v553 .wup-payments-v16-brand.is-mastercard {
    --wup-payment-accent: #eb001b;
}

.wup-public-v553 .wup-payments-v16-brand.is-paypal {
    --wup-payment-accent: #0070ba;
}

.wup-public-v553 .wup-payments-v16-brand.is-google-pay {
    --wup-payment-accent: #4285f4;
}

.wup-public-v553 .wup-payments-v16-brand.is-google-pay .wup-payments-v16-mark {
    border: 1px solid rgba(66, 133, 244, 0.2);
    background: #ffffff;
    color: #4285f4;
    font-size: 18px;
    font-weight: 900;
}

.wup-public-v553 .wup-payments-v16-brand.is-liqpay {
    --wup-payment-accent: #79c143;
}

.wup-public-v553 .wup-payments-v16-brand.is-privat {
    --wup-payment-accent: #21a038;
}

.wup-public-v553 .wup-payments-v16-brand.is-mono {
    --wup-payment-accent: #22252b;
}

.wup-public-v553 .wup-payments-v16-brand.is-wayforpay {
    --wup-payment-accent: #2f7fff;
}

.wup-public-v553 .wup-payments-v16-brand.is-mono .wup-payments-v16-mark {
    min-width: 35px;
    border-radius: 10px;
    background: linear-gradient(135deg, #17191d, #4e5360);
    font-size: 9px;
}

.wup-public-v553 .wup-payments-v16-brand.is-mono > b {
    font-size: 10px;
}

@keyframes wup-payments-v16-glint {
    0%,
    68% {
        left: -35%;
    }

    100% {
        left: 125%;
    }
}

@media (max-width: 1360px) {
    .wup-public-v553 .wup-payments-v16-inner {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .wup-public-v553 .wup-payments-v16-intro {
        justify-self: center;
        max-width: 540px;
        text-align: left;
    }
}

@media (max-width: 760px) {
    .wup-public-v553 .wup-payments-v16 {
        padding: 18px 0;
    }

    .wup-public-v553 .wup-payments-v16-list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .wup-public-v553 .wup-payments-v16-inner {
        gap: 12px;
    }

    .wup-public-v553 .wup-payments-v16-intro {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 9px;
    }

    .wup-public-v553 .wup-payments-v16-intro > i {
        width: 36px;
        height: 36px;
        border-radius: 12px;
        font-size: 15px;
    }

    .wup-public-v553 .wup-payments-v16-intro strong {
        font-size: 15px;
    }

    .wup-public-v553 .wup-payments-v16-intro small {
        font-size: 11px;
    }

    .wup-public-v553 .wup-payments-v16-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
    }

    .wup-public-v553 .wup-payments-v16-brand {
        min-height: 48px;
    }

}

@media (prefers-reduced-motion: reduce) {
    .wup-public-v553 .wup-payments-v16::before,
    .wup-public-v553 .wup-payments-v16-brand,
    .wup-public-v553 .wup-payments-v16-brand::after {
        animation: none;
        transition: none;
    }
}

/* 3. Problem */
.wup-public-v553 .is-problem {
    background: linear-gradient(135deg,#fff7f0 0,#fff 50%,#f1f5ff 100%)
}

.wup-public-v553 .wup-demand-split {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: stretch;
    max-width: 1120px;
    margin: auto
}

.wup-public-v553 .wup-demand-split article {
    position: relative;
    min-height: 330px;
    padding: 42px;
    overflow: hidden
}

.wup-public-v553 .wup-demand-split .is-ad {
    border-radius: 26px 0 0 26px;
    background: #fff0e5;
    color: #542c22
}

.wup-public-v553 .wup-demand-split .is-intent {
    border-radius: 0 26px 26px 0;
    background: #e9f8f5;
    color: #123e36
}

.wup-public-v553 .wup-demand-split article>i {
    font-size: 2rem
}

.wup-public-v553 .wup-demand-split .is-ad>i {
    color: #e25d3f
}

.wup-public-v553 .wup-demand-split .is-intent>i {
    color: #10a276
}

.wup-public-v553 .wup-demand-split h3 {
    margin: 25px 0 12px;
    font-size: 1.55rem;
    font-weight: 820
}

.wup-public-v553 .wup-demand-split p {
    font-size: .92rem;
    line-height: 1.7
}

.wup-public-v553 .wup-demand-split article>span {
    display: inline-block;
    margin-top: 18px;
    font-size: .72rem;
    font-weight: 800
}

.wup-public-v553 .wup-demand-split blockquote {
    margin: 20px 0 0;
    padding: 14px;
    border-left: 3px solid #15af7e;
    background: rgba(255,255,255,.7);
    font-size: .82rem;
    font-weight: 700
}

.wup-public-v553 .wup-demand-number {
    position: absolute;
    right: 22px;
    top: 10px;
    color: rgba(20,30,40,.07);
    font-size: 6.5rem;
    font-weight: 900;
    line-height: 1
}

.wup-public-v553 .wup-demand-versus {
    z-index: 2;
    align-self: center;
    margin: 0 -22px;
    padding: 11px 13px;
    border: 6px solid #fff;
    border-radius: 999px;
    background: #17263a;
    color: #fff;
    font-size: .65rem;
    font-weight: 900;
    text-transform: uppercase
}

.wup-public-v553 .wup-story-statement {
    max-width: 950px;
    margin: 42px auto 0;
    color: #203046;
    font-size: clamp(1.3rem,2.5vw,2rem);
    font-weight: 650;
    line-height: 1.35;
    text-align: center
}

.wup-public-v553 .wup-story-statement strong {
    color: #1264ff
}

/* 4. Race */
.wup-public-v553 .is-race {
    background: linear-gradient(115deg,#3a173d,#15223b 48%,#071b31);
    color: #fff
}

.wup-public-v553 .wup-race-grid {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    align-items: center;
    gap: 70px
}

.wup-public-v553 .wup-race-copy h2 {
    color: #fff
}

.wup-public-v553 .wup-race-copy>p {
    margin: 18px 0;
    color: #bac6d8;
    line-height: 1.7
}

.wup-public-v553 .wup-race-copy blockquote {
    margin: 28px 0 0;
    padding: 20px 0 20px 22px;
    border-left: 4px solid #ff936d;
    color: #fff;
    font-size: 1.12rem;
    font-weight: 760
}

.wup-public-v553 .wup-race-visual {
    display: grid;
    grid-template-columns: 1fr 150px;
    gap: 18px;
    padding: 25px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 24px;
    background: rgba(5,16,32,.5);
    box-shadow: 0 24px 65px rgba(0,0,0,.25)
}

.wup-public-v553 .wup-race-request {
    grid-column: 1/-1;
    padding: 14px 17px;
    border-radius: 13px;
    background: #fff;
    color: #1d2c40
}

.wup-public-v553 .wup-race-request span {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #56809f;
    font-size: .65rem;
    font-weight: 750
}

.wup-public-v553 .wup-race-request span i {
    color: #2ea9e8
}

.wup-public-v553 .wup-race-request p {
    margin: 7px 0 0;
    font-size: .85rem;
    font-weight: 750
}

.wup-public-v553 .wup-race-visual ol {
    display: grid;
    gap: 3px;
    margin: 0;
    padding: 0;
    list-style: none
}

.wup-public-v553 .wup-race-visual li {
    display: grid;
    grid-template-columns: 48px 15px 1fr;
    gap: 10px;
    align-items: start;
    padding: 8px 0;
    color: #95a7bd
}

.wup-public-v553 .wup-race-visual li time {
    padding-top: 2px;
    font-size: .67rem;
    font-weight: 800
}

.wup-public-v553 .wup-race-visual li>span {
    position: relative;
    width: 11px;
    height: 11px;
    margin-top: 4px;
    border: 2px solid #68809b;
    border-radius: 50%
}

.wup-public-v553 .wup-race-visual li:not(:last-child)>span:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 11px;
    width: 1px;
    height: 47px;
    background: #40566e
}

.wup-public-v553 .wup-race-visual li strong,.wup-public-v553 .wup-race-visual li small {
    display: block
}

.wup-public-v553 .wup-race-visual li strong {
    color: #e2eaf3;
    font-size: .76rem
}

.wup-public-v553 .wup-race-visual li small {
    margin-top: 2px;
    font-size: .65rem
}

.wup-public-v553 .wup-race-visual li.is-wup {
    color: #62dfe8
}

.wup-public-v553 .wup-race-visual li.is-wup>span {
    border-color: #5ee0ea;
    background: #5ee0ea;
    box-shadow: 0 0 0 5px rgba(94,224,234,.12)
}

.wup-public-v553 .wup-competitor-meter {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 14px;
    border-radius: 16px;
    background: linear-gradient(180deg,rgba(255,111,88,.18),rgba(255,111,88,.06));
    text-align: center
}

.wup-public-v553 .wup-competitor-meter>span {
    color: #ffb29e;
    font-size: .65rem;
    font-weight: 760
}

.wup-public-v553 .wup-competitor-meter strong {
    display: grid;
    width: 82px;
    height: 82px;
    margin: 12px 0;
    place-items: center;
    border: 1px solid rgba(255,145,116,.45);
    border-radius: 50%;
    background: #2c1a2d;
    color: #ff8c6f;
    font-size: 2rem
}

.wup-public-v553 .wup-competitor-meter small {
    color: #9eafc1;
    font-size: .58rem;
    line-height: 1.45
}

/* 5. Niche visual examples */
.wup-public-v553 .is-examples {
    background: #fff
}

.wup-public-v553 .wup-niche-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-bottom: 20px
}

.wup-public-v553 .wup-niche-tabs button {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 13px;
    border: 1px solid #d9e3ef;
    border-radius: 10px;
    background: #fff;
    color: #536377;
    font-size: .78rem;
    font-weight: 750;
    cursor: pointer
}

.wup-public-v553 .wup-niche-tabs button[aria-selected=true] {
    border-color: #1264ff;
    background: #1264ff;
    color: #fff;
    box-shadow: 0 8px 22px rgba(18,100,255,.2)
}

.wup-public-v553 .wup-niche-panel {
    position: relative;
    min-height: 560px;
    border-radius: 28px;
    overflow: hidden;
    background: #17263a;
    box-shadow: 0 30px 70px rgba(20,40,70,.18)
}

.wup-public-v553 .wup-niche-panel[hidden] {
    display: none
}

.wup-public-v553 .wup-niche-panel>img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.wup-public-v553 .wup-niche-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,rgba(6,17,31,.92) 0,rgba(6,17,31,.62) 42%,rgba(6,17,31,.08) 78%),linear-gradient(0deg,rgba(4,14,25,.55),transparent 55%)
}

.wup-public-v553 .wup-niche-content {
    position: absolute;
    left: 6%;
    top: 50%;
    z-index: 1;
    width: min(42%,500px);
    transform: translateY(-50%);
    color: #fff
}

.wup-public-v553 .wup-niche-content>span {
    color: #6ee4e8;
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase
}

.wup-public-v553 .wup-niche-content h3 {
    margin: 13px 0 12px;
    color: #fff;
    font-size: clamp(2rem,4vw,3.5rem);
    font-weight: 850;
    letter-spacing: -.045em;
    line-height: 1
}

.wup-public-v553 .wup-niche-content p {
    color: #c7d5e4;
    line-height: 1.65
}

.wup-public-v553 .wup-niche-panel blockquote {
    position: absolute;
    right: 5%;
    bottom: 7%;
    z-index: 2;
    width: min(42%,440px);
    margin: 0;
    padding: 17px;
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 17px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 18px 45px rgba(0,0,0,.28);
    backdrop-filter: blur(10px);
    color: #1a2b3f
}

.wup-public-v553 .wup-niche-panel blockquote>div {
    display: grid;
    grid-template-columns: 20px 1fr auto;
    gap: 7px;
    align-items: center
}

.wup-public-v553 .wup-niche-panel blockquote>div i {
    color: #2ba9e8
}

.wup-public-v553 .wup-niche-panel blockquote strong {
    font-size: .7rem
}

.wup-public-v553 .wup-niche-panel blockquote time {
    color: #758399;
    font-size: .6rem
}

.wup-public-v553 .wup-niche-panel blockquote p {
    margin: 11px 0;
    color: #26364a;
    font-size: .9rem;
    font-weight: 670;
    line-height: 1.55
}

.wup-public-v553 .wup-niche-panel blockquote footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px
}

.wup-public-v553 .wup-niche-panel blockquote footer span {
    color: #0a9665;
    font-size: .65rem;
    font-weight: 800
}

.wup-public-v553 .wup-niche-panel blockquote footer b {
    padding: 4px 7px;
    border-radius: 6px;
    background: #eaf2ff;
    color: #145bc8;
    font-size: .6rem
}

/* 6. Honest opportunity checker */
.wup-public-v553 .is-opportunity {
    background: linear-gradient(135deg,#fff6cc,#fff 50%,#e9fbf4)
}

.wup-public-v553 .wup-opportunity-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    align-items: center;
    gap: 70px
}

.wup-public-v553 .wup-opportunity-copy h2 {
    max-width: 640px
}

.wup-public-v553 .wup-opportunity-copy>p {
    margin: 18px 0;
    color: #5e6872;
    line-height: 1.7
}

.wup-public-v553 .wup-honesty-note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 24px;
    padding: 15px;
    border-left: 3px solid #14a875;
    background: rgba(255,255,255,.62);
    color: #315447;
    font-size: .78rem;
    font-weight: 650
}

.wup-public-v553 .wup-honesty-note i {
    margin-top: 3px;
    color: #14a875
}

.wup-public-v553 .wup-opportunity-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    padding: 25px;
    border: 1px solid #d8e5d9;
    border-radius: 24px;
    background: rgba(255,255,255,.88);
    box-shadow: 0 26px 65px rgba(61,76,45,.13)
}

.wup-public-v553 .wup-opportunity-form label {
    margin: 0
}

.wup-public-v553 .wup-opportunity-form label:nth-child(3) {
    grid-column: 1/-1
}

.wup-public-v553 .wup-opportunity-form label>span {
    display: block;
    margin-bottom: 6px;
    color: #62707d;
    font-size: .66rem;
    font-weight: 760
}

.wup-public-v553 .wup-opportunity-form select,.wup-public-v553 .wup-opportunity-form input {
    width: 100%;
    height: 44px;
    padding: 0 11px;
    border: 1px solid #cfdae5;
    border-radius: 10px;
    background: #fff;
    color: #243548;
    font-size: .78rem
}

.wup-public-v553 .wup-opportunity-form>button {
    grid-column: 1/-1;
    height: 46px;
    border: 0;
    border-radius: 11px;
    background: #102840;
    color: #fff;
    font-size: .8rem;
    font-weight: 820;
    cursor: pointer
}

.wup-public-v553 .wup-opportunity-result {
    grid-column: 1/-1;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 15px;
    border-radius: 12px;
    background: #e9f8f2;
    color: #1b4c3b
}

.wup-public-v553 .wup-opportunity-result[hidden] {
    display: none
}

.wup-public-v553 .wup-opportunity-result>i {
    margin-top: 3px;
    color: #0e9b69
}

.wup-public-v553 .wup-opportunity-result strong {
    font-size: .8rem
}

.wup-public-v553 .wup-opportunity-result p {
    margin: 4px 0 8px;
    font-size: .72rem
}

.wup-public-v553 .wup-opportunity-result a {
    color: #0c7552;
    font-size: .7rem;
    font-weight: 800
}

/* 7. Definition */
.wup-public-v553 .is-radar-definition {
    background: linear-gradient(135deg,#15265d,#563d9d);
    color: #fff
}

.wup-public-v553 .wup-definition-grid {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    align-items: center;
    gap: 90px
}

.wup-public-v553 .wup-definition-grid h2 {
    color: #fff
}

.wup-public-v553 .wup-definition-grid p {
    margin: 20px 0;
    color: #cfdaed;
    font-size: 1rem;
    line-height: 1.75
}

.wup-public-v553 .wup-definition-grid ul {
    display: grid;
    gap: 9px;
    margin: 25px 0 0;
    padding: 0;
    list-style: none
}

.wup-public-v553 .wup-definition-grid li {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #eef4ff;
    font-size: .83rem
}

.wup-public-v553 .wup-definition-grid li i {
    display: grid;
    width: 23px;
    height: 23px;
    place-items: center;
    border-radius: 50%;
    background: #5ad7d0;
    color: #12334a;
    font-size: .6rem
}

.wup-public-v553 .wup-definition-orbit {
    position: relative;
    aspect-ratio: 1;
    max-width: 430px;
    margin: auto;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 50%
}

.wup-public-v553 .wup-definition-orbit:before,.wup-public-v553 .wup-definition-orbit:after {
    content: "";
    position: absolute;
    inset: 14%;
    border: 1px dashed rgba(125,226,229,.28);
    border-radius: 50%
}

.wup-public-v553 .wup-definition-orbit:after {
    inset: 29%
}

.wup-public-v553 .wup-definition-orbit .is-core {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    display: grid;
    width: 112px;
    height: 112px;
    place-items: center;
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 50%;
    background: #fff;
    color: #294084;
    box-shadow: 0 0 0 14px rgba(255,255,255,.08),0 15px 40px rgba(0,0,0,.25);
    transform: translate(-50%,-50%)
}

.wup-public-v553 .wup-definition-orbit .is-core i {
    font-size: 1.7rem
}

.wup-public-v553 .wup-definition-orbit .is-core b {
    font-size: .72rem
}

.wup-public-v553 .wup-definition-orbit .is-group {
    position: absolute;
    z-index: 2;
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 13px;
    background: #29a8e8;
    color: #fff;
    box-shadow: 0 10px 28px rgba(0,0,0,.2)
}

.wup-public-v553 .wup-definition-orbit .g1 {
    left: 7%;
    top: 22%
}

.wup-public-v553 .wup-definition-orbit .g2 {
    right: 9%;
    top: 14%
}

.wup-public-v553 .wup-definition-orbit .g3 {
    right: 5%;
    bottom: 18%
}

.wup-public-v553 .wup-definition-orbit .g4 {
    left: 12%;
    bottom: 8%
}

.wup-public-v553 .wup-definition-orbit .is-scan {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: conic-gradient(from 0deg,rgba(80,229,226,.35),transparent 22%);
    animation: wupRotate 5s linear infinite
}

/* 8. How */
.wup-public-v553 .is-how {
    background: #f6f8ff
}

.wup-public-v553 .wup-how-steps {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 0;
    max-width: 1160px;
    margin: auto;
    padding: 0;
    list-style: none
}

.wup-public-v553 .wup-how-steps:before {
    content: "";
    position: absolute;
    left: 16%;
    right: 16%;
    top: 49px;
    height: 2px;
    background: linear-gradient(90deg,#28bfd0,#775cf7)
}

.wup-public-v553 .wup-how-steps li {
    position: relative;
    padding: 0 35px;
    text-align: center
}

.wup-public-v553 .wup-how-steps li>span {
    position: absolute;
    left: calc(50% + 35px);
    top: -7px;
    color: #bac6d7;
    font-size: .68rem;
    font-weight: 900
}

.wup-public-v553 .wup-how-steps li>i {
    position: relative;
    z-index: 1;
    display: grid;
    width: 98px;
    height: 98px;
    margin: 0 auto 23px;
    place-items: center;
    border: 10px solid #f6f8ff;
    border-radius: 50%;
    background: linear-gradient(135deg,#fff,#e5eeff);
    box-shadow: 0 14px 32px rgba(50,70,110,.12);
    color: #1264ff;
    font-size: 1.55rem
}

.wup-public-v553 .wup-how-steps li:nth-child(2)>i {
    color: #7256ff
}

.wup-public-v553 .wup-how-steps li:nth-child(3)>i {
    color: #0ca77a
}

.wup-public-v553 .wup-how-steps h3 {
    margin: 0;
    font-size: 1.12rem;
    font-weight: 820
}

.wup-public-v553 .wup-how-steps p {
    margin: 9px 0 0;
    color: #647286;
    font-size: .8rem;
    line-height: 1.65
}

.wup-public-v553 .wup-how-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    max-width: 680px;
    margin: 35px auto 0;
    padding: 13px;
    border-radius: 10px;
    background: #e8f1ff;
    color: #264f82;
    font-size: .78rem;
    font-weight: 700
}

/* 9. Noise to lead animation */
.wup-public-v553 .is-filter-story {
    background: radial-gradient(circle at 25% 30%,#233b5c,#101e31 48%,#071321);
    color: #fff
}

.wup-public-v553 .is-filter-story .wup-section-heading h2 {
    color: #fff
}

.wup-public-v553 .is-filter-story .wup-section-heading p {
    color: #aebed0
}

.wup-public-v553 .wup-filter-machine {
    display: grid;
    grid-template-columns: 1fr 90px .8fr;
    align-items: center;
    gap: 18px;
    max-width: 1160px;
    margin: auto
}

.wup-public-v553 .wup-filter-wall {
    position: relative;
    height: 430px;
    padding: 47px 17px 17px;
    border: 1px solid #29425f;
    border-radius: 21px;
    background: #0b1929;
    overflow: hidden
}

.wup-public-v553 .wup-filter-wall-count {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    height: 37px;
    padding: 0 13px;
    border-bottom: 1px solid #263e59;
    background: #11243a;
    color: #8da2b8;
    font-size: .65rem
}

.wup-public-v553 .wup-filter-wall-count b {
    color: #fff;
    font-size: .9rem
}

.wup-public-v553 .wup-filter-wall p {
    margin: 5px 0;
    padding: 8px 10px;
    border-radius: 8px;
    background: #101f31;
    color: #71869b;
    font-size: .65rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: opacity .5s,transform .5s,background .5s,color .5s
}

.wup-public-v553 .wup-filter-machine.is-running .wup-filter-wall p:not(.is-lead) {
    opacity: .16;
    transform: translateX(-15px)
}

.wup-public-v553 .wup-filter-wall p.is-lead {
    border: 1px solid rgba(89,227,230,.52);
    background: #17384a;
    color: #dfffff;
    font-weight: 750
}

.wup-public-v553 .wup-filter-machine.is-running .wup-filter-wall p.is-lead {
    animation: wupLeadGlow 1.6s ease-in-out infinite
}

.wup-public-v553 .wup-filter-path {
    display: flex;
    align-items: center;
    color: #57d9df
}

.wup-public-v553 .wup-filter-path span {
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg,#57d9df,transparent)
}

.wup-public-v553 .wup-filter-output {
    position: relative;
    padding: 18px;
    border: 1px solid #2e5267;
    border-radius: 21px;
    background: #10293b
}

.wup-public-v553 .wup-filter-output>span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #6be2e6;
    font-size: .68rem;
    font-weight: 850
}

.wup-public-v553 .wup-filter-output article {
    margin-top: 15px;
    padding: 17px;
    border-radius: 14px;
    background: #fff;
    color: #203145;
    box-shadow: 0 18px 40px rgba(0,0,0,.25)
}

.wup-public-v553 .wup-filter-output article small {
    color: #0b9666;
    font-size: .62rem;
    font-weight: 850
}

.wup-public-v553 .wup-filter-output article p {
    margin: 10px 0;
    font-size: .83rem;
    font-weight: 680
}

.wup-public-v553 .wup-filter-output article strong {
    padding: 5px 7px;
    border-radius: 6px;
    background: #e9f8f2;
    color: #0a9061;
    font-size: .6rem
}

.wup-public-v553 .wup-filter-notification {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding: 10px;
    border-radius: 10px;
    background: #25475a;
    color: #dffcff;
    font-size: .7rem;
    font-weight: 740;
    opacity: .3;
    transform: translateY(8px);
    transition: opacity .45s .7s,transform .45s .7s
}

.wup-public-v553 .wup-filter-machine.is-running .wup-filter-notification {
    opacity: 1;
    transform: none
}

.wup-public-v553 .wup-filter-notification i {
    color: #ffd35a
}

.wup-public-v553 .wup-filter-caption {
    max-width: 800px;
    margin: 34px auto 0;
    color: #a7b9cb;
    text-align: center;
    font-size: .82rem;
    line-height: 1.65
}

/* 10. Trust */
.wup-public-v553 .is-trust {
    background: linear-gradient(180deg,#edfbf4,#fff)
}

.wup-public-v553 .wup-trust-intro {
    max-width: 920px;
    margin-bottom: 45px
}

.wup-public-v553 .wup-trust-intro>p {
    max-width: 720px;
    margin: 18px 0;
    color: #5c6d67;
    line-height: 1.7
}

.wup-public-v553 .wup-trust-flow {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 0;
    border-top: 1px solid #b9dccd;
    border-bottom: 1px solid #b9dccd
}

.wup-public-v553 .wup-trust-flow article {
    position: relative;
    padding: 35px 36px
}

.wup-public-v553 .wup-trust-flow article+article {
    border-left: 1px solid #b9dccd
}

.wup-public-v553 .wup-trust-flow article>span {
    position: absolute;
    right: 24px;
    top: 17px;
    color: #bad9cc;
    font-size: 2.5rem;
    font-weight: 900
}

.wup-public-v553 .wup-trust-flow article>i {
    color: #0e9b6b;
    font-size: 1.7rem
}

.wup-public-v553 .wup-trust-flow h3 {
    margin: 20px 0 9px;
    font-size: 1.12rem;
    font-weight: 820
}

.wup-public-v553 .wup-trust-flow p {
    margin: 0;
    color: #5b7068;
    font-size: .8rem;
    line-height: 1.65
}

/* 11. Comparison */
.wup-public-v553 .is-comparison {
    background: #fff
}

.wup-public-v553 .wup-comparison-table-wrap {
    overflow-x: auto;
    border: 1px solid #d9e3ef;
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(31,51,78,.08)
}

.wup-public-v553 .wup-comparison-table-wrap table {
    width: 100%;
    min-width: 780px;
    border-collapse: collapse;
    background: #fff
}

.wup-public-v553 .wup-comparison-table-wrap th,.wup-public-v553 .wup-comparison-table-wrap td {
    padding: 16px;
    border-bottom: 1px solid #e6ecf3;
    text-align: center
}

.wup-public-v553 .wup-comparison-table-wrap thead th {
    background: #f3f6fa;
    color: #536377;
    font-size: .7rem;
    font-weight: 800
}

.wup-public-v553 .wup-comparison-table-wrap thead th:first-child {
    text-align: left
}

.wup-public-v553 .wup-comparison-table-wrap thead th i {
    display: block;
    margin-bottom: 6px;
    color: #738397
}

.wup-public-v553 .wup-comparison-table-wrap thead .is-wup {
    background: #153967;
    color: #fff
}

.wup-public-v553 .wup-comparison-table-wrap tbody th {
    text-align: left;
    color: #334458;
    font-size: .76rem;
    font-weight: 680
}

.wup-public-v553 .wup-comparison-table-wrap td.is-positive i {
    display: grid;
    width: 25px;
    height: 25px;
    margin: auto;
    place-items: center;
    border-radius: 50%;
    background: #e6f8f1;
    color: #0c9b69;
    font-size: .62rem
}

.wup-public-v553 .wup-comparison-table-wrap td.is-negative i {
    color: #a7b1bd
}

.wup-public-v553 .wup-comparison-table-wrap tbody td:last-child {
    background: #f0f6ff
}

/* 12. Calculator */
.wup-public-v553 .is-calculator {
    background: linear-gradient(115deg,#fff1e9 0,#fff8d8 45%,#e7f6ff 100%)
}

.wup-public-v553 .wup-calculator-grid {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    align-items: center;
    gap: 70px
}

.wup-public-v553 .wup-calculator-copy>p {
    margin: 18px 0;
    color: #6c625d;
    line-height: 1.7
}

.wup-public-v553 .wup-calculator-copy>small {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: #826e63;
    font-size: .72rem
}

.wup-public-v553 .wup-calculator-copy>small i {
    margin-top: 3px;
    color: #e67043
}

.wup-public-v553 .wup-calculator-card {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    padding: 25px;
    border: 1px solid rgba(180,137,100,.2);
    border-radius: 24px;
    background: rgba(255,255,255,.88);
    box-shadow: 0 25px 60px rgba(111,77,48,.12)
}

.wup-public-v553 .wup-calculator-card label:nth-child(3) {
    grid-column: 1/-1
}

.wup-public-v553 .wup-calculator-card label {
    margin: 0
}

.wup-public-v553 .wup-calculator-card label>span:first-child {
    display: block;
    margin-bottom: 6px;
    color: #6f665f;
    font-size: .66rem;
    font-weight: 760
}

.wup-public-v553 .wup-calculator-card label>span:last-child {
    display: flex;
    align-items: center;
    height: 44px;
    border: 1px solid #ddd4ca;
    border-radius: 10px;
    background: #fff;
    overflow: hidden
}

.wup-public-v553 .wup-calculator-card input {
    min-width: 0;
    width: 100%;
    height: 100%;
    padding: 0 11px;
    border: 0;
    outline: 0;
    color: #2c3540;
    font-weight: 760
}

.wup-public-v553 .wup-calculator-card label b {
    padding: 0 10px;
    color: #8a7464;
    font-size: .66rem;
    white-space: nowrap
}

.wup-public-v553 .wup-calculator-result {
    grid-column: 1/-1;
    padding: 18px;
    border-radius: 15px;
    background: linear-gradient(135deg,#e05a37,#ff915d);
    color: #fff
}

.wup-public-v553 .wup-calculator-result>span {
    font-size: .64rem;
    font-weight: 820;
    text-transform: uppercase
}

.wup-public-v553 .wup-calculator-result strong {
    display: block;
    margin-top: 4px;
    font-size: clamp(1.8rem,4vw,3.2rem);
    letter-spacing: -.04em
}

.wup-public-v553 .wup-calculator-result strong b {
    font-size: .9rem
}

.wup-public-v553 .wup-calculator-result p {
    margin: 7px 0 0;
    color: #fff1ea;
    font-size: .7rem
}

/* 13. Audience */
.wup-public-v553 .is-audience {
    background: linear-gradient(145deg,#f2efff,#e8f6ff)
}

.wup-public-v553 .wup-audience-marquee {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 9px;
    max-width: 1160px;
    margin: auto
}

.wup-public-v553 .wup-audience-marquee span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border: 1px solid rgba(99,84,192,.18);
    border-radius: 999px;
    background: rgba(255,255,255,.7);
    color: #413c69;
    font-size: .78rem;
    font-weight: 750;
    box-shadow: 0 7px 17px rgba(69,55,145,.06)
}

.wup-public-v553 .wup-audience-marquee span:nth-child(3n+1) i {
    color: #1264ff
}

.wup-public-v553 .wup-audience-marquee span:nth-child(3n+2) i {
    color: #8058e8
}

.wup-public-v553 .wup-audience-marquee span:nth-child(3n) i {
    color: #00a680
}

/* 14. Not for everyone */
.wup-public-v553 .is-not-for {
    background: #10212e;
    color: #fff
}

.wup-public-v553 .wup-not-for-grid {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    align-items: center;
    gap: 80px
}

.wup-public-v553 .wup-not-for-grid h2 {
    color: #fff
}

.wup-public-v553 .wup-not-for-grid p {
    margin: 18px 0 0;
    color: #aebdca;
    line-height: 1.7
}

.wup-public-v553 .wup-not-for-grid ul {
    display: grid;
    gap: 9px;
    margin: 0;
    padding: 0;
    list-style: none
}

.wup-public-v553 .wup-not-for-grid li {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 14px 16px;
    border: 1px solid #2a3e4c;
    border-radius: 11px;
    background: #152a39;
    color: #dce7ee;
    font-size: .8rem
}

.wup-public-v553 .wup-not-for-grid li i {
    display: grid;
    flex: 0 0 23px;
    width: 23px;
    height: 23px;
    place-items: center;
    border-radius: 50%;
    background: #402d35;
    color: #ff896e;
    font-size: .57rem
}

/* 15. Proof */
.wup-public-v553 .is-proof {
    background: linear-gradient(140deg,#f7fbf8,#fff)
}

.wup-public-v553 .wup-proof-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 80px
}

.wup-public-v553 .wup-proof-copy p {
    margin: 18px 0;
    color: #5e6f68;
    line-height: 1.7
}

.wup-public-v553 .wup-proof-copy>strong {
    display: block;
    padding-left: 16px;
    border-left: 3px solid #14a475;
    color: #1b6b50;
    font-size: .82rem
}

.wup-public-v553 .wup-proof-protocol {
    border: 1px solid #cfe1d9;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 24px 55px rgba(37,83,66,.09);
    overflow: hidden
}

.wup-public-v553 .wup-proof-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 15px 18px;
    background: #eaf7f1
}

.wup-public-v553 .wup-proof-head span {
    font-size: .78rem;
    font-weight: 820
}

.wup-public-v553 .wup-proof-head span i {
    margin-right: 7px;
    color: #0b9766
}

.wup-public-v553 .wup-proof-head b {
    padding: 4px 7px;
    border-radius: 6px;
    background: #fff;
    color: #0c8e62;
    font-size: .58rem
}

.wup-public-v553 .wup-proof-protocol dl {
    margin: 0
}

.wup-public-v553 .wup-proof-protocol dl div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 18px;
    border-bottom: 1px solid #e8eeeb
}

.wup-public-v553 .wup-proof-protocol dt {
    color: #465d54;
    font-size: .73rem
}

.wup-public-v553 .wup-proof-protocol dd {
    margin: 0;
    color: #8a9993;
    font-size: .67rem;
    font-weight: 730
}

.wup-public-v553 .wup-proof-protocol>p {
    margin: 0;
    padding: 13px 18px;
    color: #75867f;
    font-size: .65rem
}

.wup-public-v553 .wup-proof-protocol>p i {
    margin-right: 7px;
    color: #2a8163
}

/* 16. Pricing */
.wup-public-v553 .is-pricing {
    background: linear-gradient(145deg,#071b31,#173b67 58%,#275d7b);
    color: #fff
}

.wup-public-v553 .is-pricing .wup-section-heading h2 {
    color: #fff
}

.wup-public-v553 .is-pricing .wup-section-heading p {
    color: #b5c7d9
}

.wup-public-v553 .wup-plan-track {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 10px
}

.wup-public-v553 .wup-plan-track article {
    position: relative;
    min-height: 280px;
    padding: 28px 23px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 18px;
    background: rgba(255,255,255,.07);
    overflow: hidden
}

.wup-public-v553 .wup-plan-track article:before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: #4d8dcb
}

.wup-public-v553 .wup-plan-track article.is-trial:before {
    background: #ffcf55
}

.wup-public-v553 .wup-plan-track article.is-starter:before {
    background: #4ed6dc
}

.wup-public-v553 .wup-plan-track article.is-business:before {
    background: #8b75ff
}

.wup-public-v553 .wup-plan-track article.is-maximum:before {
    background: #ff8263
}

.wup-public-v553 .wup-plan-track article.is-featured {
    background: #fff;
    color: #17263a;
    transform: translateY(-8px);
    box-shadow: 0 22px 50px rgba(0,0,0,.25)
}

.wup-public-v553 .wup-plan-track article>i {
    color: #76dfe7;
    font-size: 1.45rem
}

.wup-public-v553 .wup-plan-track article.is-featured>i {
    color: #e2a400
}

.wup-public-v553 .wup-plan-track h3 {
    margin: 23px 0 9px;
    color: inherit;
    font-size: 1.25rem;
    font-weight: 830
}

.wup-public-v553 .wup-plan-track p {
    min-height: 86px;
    margin: 0;
    color: #b8c9da;
    font-size: .77rem;
    line-height: 1.65
}

.wup-public-v553 .wup-plan-track .is-featured p {
    color: #627287
}

.wup-public-v553 .wup-plan-track article>strong,.wup-public-v553 .wup-plan-track article>span:not(.wup-plan-badge) {
    display: block;
    margin-top: 16px;
    color: #ffe089;
    font-size: .72rem;
    font-weight: 800
}

.wup-public-v553 .wup-plan-track .is-featured>strong {
    color: #a67000
}

.wup-public-v553 .wup-plan-badge {
    position: absolute;
    right: 12px;
    top: 12px;
    padding: 5px 7px;
    border-radius: 6px;
    background: #fff3c8;
    color: #9c6b00;
    font-size: .55rem;
    font-weight: 850;
    text-transform: uppercase
}

.wup-public-v553 .wup-pricing-action {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-top: 35px
}

.wup-public-v553 .wup-pricing-action p {
    max-width: 460px;
    margin: 0;
    color: #aac0d4;
    font-size: .7rem
}

/* 17. FAQ */
.wup-public-v553 .is-faq {
    background: #fff
}

.wup-public-v553 .wup-faq-grid {
    display: grid;
    grid-template-columns: .72fr 1.28fr;
    align-items: start;
    gap: 80px
}

.wup-public-v553 .wup-faq-intro {
    position: sticky;
    top: 100px
}

.wup-public-v553 .wup-faq-intro>p {
    margin: 18px 0;
    color: #607084;
    line-height: 1.7
}

.wup-public-v553 .wup-faq-intro>a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #155aca;
    font-size: .78rem;
    font-weight: 800
}

.wup-public-v553 .wup-faq-list {
    border-top: 1px solid #dfe6ee
}

.wup-public-v553 .wup-faq-list details {
    border-bottom: 1px solid #dfe6ee
}

.wup-public-v553 .wup-faq-list summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 18px 2px;
    color: #26364a;
    font-size: .86rem;
    font-weight: 770;
    cursor: pointer;
    list-style: none
}

.wup-public-v553 .wup-faq-list summary::-webkit-details-marker {
    display: none
}

.wup-public-v553 .wup-faq-list summary i {
    color: #1264ff;
    font-size: .65rem;
    transition: transform .2s
}

.wup-public-v553 .wup-faq-list details[open] summary i {
    transform: rotate(45deg)
}

.wup-public-v553 .wup-faq-list details p {
    margin: 0;
    padding: 0 34px 18px 2px;
    color: #667588;
    font-size: .78rem;
    line-height: 1.7
}

/* 18. Final */
.wup-public-v553 .wup-home-final {
    position: relative;
    min-height: 560px;
    display: grid;
    place-items: center;
    padding: 95px 0;
    background: radial-gradient(circle at center,#253d77 0,#121f44 48%,#080f24 100%);
    overflow: hidden;
    color: #fff
}

.wup-public-v553 .wup-final-content {
    z-index: 1;
    max-width: 950px;
    text-align: center
}

.wup-public-v553 .wup-final-content h2 {
    color: #fff;
    font-size: clamp(2.4rem,5vw,5rem)
}

.wup-public-v553 .wup-final-content>p {
    max-width: 720px;
    margin: 20px auto;
    color: #becae0;
    font-size: 1rem;
    line-height: 1.7
}

.wup-public-v553 .wup-final-content .wup-home-button {
    margin-top: 14px
}

.wup-public-v553 .wup-final-content>small {
    display: block;
    margin-top: 16px;
    color: #9eafc9;
    font-size: .7rem
}

.wup-public-v553 .wup-final-messages {
    position: absolute;
    inset: 0
}

.wup-public-v553 .wup-final-messages span {
    position: absolute;
    padding: 10px 15px;
    border: 1px solid rgba(121, 217, 232, 0.18);
    border-radius: 999px;
    background: rgba(30, 51, 91, 0.7);
    color: rgba(215, 229, 251, 0.46);
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.12);
    font-size: 0.8rem;
    animation: wupFloat 8s ease-in-out infinite;
}

.wup-public-v553 .wup-final-messages span:nth-child(1) {
    left: 4%;
    top: 14%
}

.wup-public-v553 .wup-final-messages span:nth-child(2) {
    right: 6%;
    top: 12%;
    animation-delay: -3s
}

.wup-public-v553 .wup-final-messages span:nth-child(3) {
    left: 12%;
    bottom: 18%;
    animation-delay: -5s
}

.wup-public-v553 .wup-final-messages span:nth-child(4) {
    right: 9%;
    bottom: 20%;
    animation-delay: -2s
}

.wup-public-v553 .wup-final-messages span:nth-child(5) {
    left: 35%;
    top: 5%;
    animation-delay: -6s
}

.wup-public-v553 .wup-final-messages span:nth-child(6) {
    right: 32%;
    bottom: 4%;
    animation-delay: -1s
}

.wup-public-v553 .wup-final-messages span:nth-child(7) {
    left: 2%;
    top: 52%;
    animation-delay: -4s
}

.wup-public-v553 .wup-final-messages span:nth-child(8) {
    right: 2%;
    top: 50%;
    animation-delay: -7s
}

.wup-public-v553 .wup-home-mobile-cta {
    display: none
}


@keyframes wupScanLine {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(100%)
    }
}

@keyframes wupPulse {
    50% {
        opacity: .35;
        transform: scale(.7)
    }
}

@keyframes wupFloat {
    0%,100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-18px)
    }
}

@keyframes wupRotate {
    to {
        transform: rotate(360deg)
    }
}

@keyframes wupLeadGlow {
    50% {
        box-shadow: 0 0 0 4px rgba(89,227,230,.08);
        transform: translateX(4px)
    }
}


@media(max-width: 1250px) {
    .wup-public-v553 .wup-home-hero-grid {
        grid-template-columns: .9fr 1.1fr;
        gap: 35px
    }

    .wup-public-v553 .wup-radar-demo-body {
        grid-template-columns: 1fr 24px .95fr;
        padding: 14px
    }

    .wup-public-v553 .wup-home-hero-copy h1 {
        font-size: clamp(2.35rem,3.75vw,3.65rem)
    }
}

@media(max-width: 1080px) {
    .wup-public-v553 .wup-home-hero-grid,.wup-public-v553 .wup-race-grid,.wup-public-v553 .wup-opportunity-grid,.wup-public-v553 .wup-definition-grid,.wup-public-v553 .wup-calculator-grid,.wup-public-v553 .wup-not-for-grid,.wup-public-v553 .wup-proof-grid,.wup-public-v553 .wup-faq-grid {
        grid-template-columns: 1fr;
        gap: 48px
    }

    .wup-public-v553 .wup-home-hero-copy {
        max-width: 760px;
        text-align: center;
        margin: auto
    }

    .wup-public-v553 .wup-home-lead,.wup-public-v553 .wup-home-assurance {
        margin-left: auto;
        margin-right: auto
    }

    .wup-public-v553 .wup-home-actions {
        justify-content: center
    }

    .wup-public-v553 .wup-radar-demo {
        max-width: 760px;
        margin: auto;
        transform: none
    }

    .wup-public-v553 .wup-race-copy {
        text-align: center
    }

    .wup-public-v553 .wup-race-copy blockquote {
        text-align: left
    }

    .wup-public-v553 .wup-definition-orbit {
        max-width: 370px
    }

    .wup-public-v553 .wup-plan-track {
        grid-template-columns: 1fr 1fr
    }

    .wup-public-v553 .wup-faq-intro {
        position: static;
        text-align: center
    }

    .wup-public-v553 .wup-faq-intro>p {
        margin-left: auto;
        margin-right: auto
    }
}

@media(max-width: 720px) {
    .wup-public-v553 .wup-home-shell {
        width: min(100% - 28px,var(--wup-shell))
    }
    .wup-public-v553 .wup-story-section {
        padding: 20px 0
    }

    .wup-public-v553 .wup-section-heading {
        margin-bottom: 30px
    }

    .wup-public-v553 .wup-section-heading h2,.wup-public-v553 .wup-story-section h2,.wup-public-v553 .wup-home-final h2 {
        font-size: clamp(1.75rem,8vw,2.35rem)
    }

    .wup-public-v553 .wup-section-heading p,.wup-public-v553 .wup-story-section h2+p {
        font-size: .9rem
    }

    .wup-public-v553 .wup-home-hero {
        padding: 44px 0 56px
    }

    .wup-public-v553 .wup-home-hero-grid {
        gap: 36px
    }

    .wup-public-v553 .wup-home-hero-copy h1 {
        font-size: clamp(2.05rem,10vw,3rem);
        letter-spacing: -.045em
    }

    .wup-public-v553 .wup-home-lead {
        font-size: .93rem
    }

    .wup-public-v553 .wup-home-button {
        width: 100%;
        min-height: 46px
    }

    .wup-public-v553 .wup-home-assurance {
        text-align: left
    }

    .wup-public-v553 .wup-radar-demo {
        border-radius: 16px
    }

    .wup-public-v553 .wup-radar-demo-body {
        grid-template-columns: 1fr;
        gap: 12px;
        min-height: 0
    }

    .wup-public-v553 .wup-radar-scan {
        height: 20px;
        justify-content: center;
        transform: rotate(90deg)
    }

    .wup-public-v553 .wup-radar-scan span {
        width: 35px
    }

    .wup-public-v553 .wup-radar-message:not(.is-active) {
        display: none
    }

    .wup-public-v553 .wup-radar-result:before {
        left: 50%;
        top: -5px
    }

    .wup-public-v553 .wup-radar-demo-foot {
        gap: 12px;
        align-items: flex-start
    }

    .wup-public-v553 .wup-radar-demo-foot span {
        font-size: .58rem
    }

    .wup-public-v553 .wup-final-messages span {
        font-size: 0.65rem;
    }

    .wup-public-v553 .wup-demand-split {
        grid-template-columns: 1fr;
        gap: 0
    }

    .wup-public-v553 .wup-demand-split .is-ad {
        border-radius: 20px 20px 0 0
    }

    .wup-public-v553 .wup-demand-split .is-intent {
        border-radius: 0 0 20px 20px
    }

    .wup-public-v553 .wup-demand-split article {
        min-height: 0;
        padding: 30px 24px
    }

    .wup-public-v553 .wup-demand-versus {
        justify-self: center;
        margin: -18px 0;
        transform: rotate(0)
    }

    .wup-public-v553 .wup-race-visual {
        grid-template-columns: 1fr;
        padding: 16px
    }

    .wup-public-v553 .wup-competitor-meter {
        grid-row: 3
    }

    .wup-public-v553 .wup-niche-tabs {
        justify-content: flex-start;
        margin-left: -14px;
        margin-right: -14px;
        padding: 0 14px 7px;
        overflow-x: auto
    }

    .wup-public-v553 .wup-niche-tabs button {
        flex: 0 0 auto
    }

    .wup-public-v553 .wup-niche-panel {
        min-height: 590px;
        border-radius: 20px
    }

    .wup-public-v553 .wup-niche-shade {
        background: linear-gradient(0deg,rgba(6,17,31,.95),rgba(6,17,31,.15) 78%)
    }

    .wup-public-v553 .wup-niche-content {
        left: 20px;
        right: 20px;
        top: auto;
        bottom: 185px;
        width: auto;
        transform: none
    }

    .wup-public-v553 .wup-niche-content h3 {
        font-size: 2rem
    }

    .wup-public-v553 .wup-niche-content p {
        font-size: .78rem
    }

    .wup-public-v553 .wup-niche-panel blockquote {
        left: 18px;
        right: 18px;
        bottom: 18px;
        width: auto
    }

    .wup-public-v553 .wup-opportunity-form {
        grid-template-columns: 1fr;
        padding: 18px
    }

    .wup-public-v553 .wup-opportunity-form label:nth-child(3),.wup-public-v553 .wup-opportunity-form>button,.wup-public-v553 .wup-opportunity-result {
        grid-column: auto
    }

    .wup-public-v553 .wup-how-steps {
        grid-template-columns: 1fr;
        gap: 26px
    }

    .wup-public-v553 .wup-how-steps:before {
        left: 48px;
        right: auto;
        top: 30px;
        bottom: 30px;
        width: 2px;
        height: auto
    }

    .wup-public-v553 .wup-how-steps li {
        display: grid;
        grid-template-columns: 75px 1fr;
        gap: 15px;
        padding: 0;
        text-align: left
    }

    .wup-public-v553 .wup-how-steps li>i {
        grid-column: 1;
        width: 70px;
        height: 70px;
        margin: 0;
        border-width: 7px
    }

    .wup-public-v553 .wup-how-steps li>span {
        left: 51px;
        top: -3px
    }

    .wup-public-v553 .wup-how-steps li>div {
        grid-column: 2
    }

    .wup-public-v553 .wup-filter-machine {
        grid-template-columns: 1fr
    }

    .wup-public-v553 .wup-filter-wall {
        height: 330px
    }

    .wup-public-v553 .wup-filter-path {
        height: 22px;
        justify-content: center;
        transform: rotate(90deg)
    }

    .wup-public-v553 .wup-filter-path span {
        width: 42px
    }

    .wup-public-v553 .wup-trust-flow {
        grid-template-columns: 1fr
    }

    .wup-public-v553 .wup-trust-flow article+article {
        border-left: 0;
        border-top: 1px solid #b9dccd
    }

    .wup-public-v553 .wup-calculator-card {
        grid-template-columns: 1fr;
        padding: 18px
    }

    .wup-public-v553 .wup-calculator-card label:nth-child(3),.wup-public-v553 .wup-calculator-result {
        grid-column: auto
    }

    .wup-public-v553 .wup-plan-track {
        grid-template-columns: 1fr
    }

    .wup-public-v553 .wup-plan-track article {
        min-height: 0
    }

    .wup-public-v553 .wup-plan-track article.is-featured {
        transform: none
    }

    .wup-public-v553 .wup-plan-track p {
        min-height: 0
    }

    .wup-public-v553 .wup-pricing-action {
        flex-direction: column;
        text-align: center
    }
    .wup-public-v553 .wup-home-mobile-cta {
        position: fixed;
        left: 12px;
        right: 12px;
        bottom: 10px;
        z-index: 900;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        height: 46px;
        border-radius: 12px;
        background: linear-gradient(135deg,#1264ff,#6849ea);
        box-shadow: 0 14px 38px rgba(17,51,112,.38);
        color: #fff;
        font-size: .75rem;
        font-weight: 820;
        transform: translateY(70px);
        opacity: 0;
        transition: transform .25s,opacity .25s
    }

    .wup-public-v553 .wup-home-mobile-cta.is-visible {
        transform: none;
        opacity: 1
    }
}

@media(max-width: 420px) {
    .wup-public-v553 .wup-radar-demo-top {
        gap: 8px
    }

    .wup-public-v553 .wup-radar-demo-brand {
        font-size: .61rem
    }

    .wup-public-v553 .wup-definition-orbit {
        max-width: 290px
    }

    .wup-public-v553 .wup-definition-orbit .is-core {
        width: 88px;
        height: 88px
    }

    .wup-public-v553 .wup-comparison-table-wrap {
        margin-left: -14px;
        margin-right: -14px;
        border-radius: 0
    }

    .wup-public-v553 .wup-final-content h2 {
        font-size: 2.45rem
    }
}

@media(prefers-reduced-motion:reduce) {
    .wup-public-v553 [data-wup-reveal] {
        opacity: 1;
        transform: none
    }
}

/* Current compact demand-radar hero refinements. */

.wup-public-v553 .wup-hero-v55315 {
    position: relative;
    padding: 20px 0 20px;
    background:
        radial-gradient(circle at 9% 20%, rgba(0, 194, 255, 0.15), transparent 27%),
        radial-gradient(circle at 83% 12%, rgba(111, 78, 255, 0.14), transparent 28%),
        linear-gradient(180deg, #f7fbff 0%, #ffffff 82%);
    overflow: hidden;
}

.wup-public-v553 .wup-hero-v55315::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(20, 75, 129, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(20, 75, 129, 0.04) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(to bottom, #000 0%, transparent 88%);
    pointer-events: none;
}

.wup-public-v553 .wup-hero-v55315-grid {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 0.88fr) minmax(570px, 1.12fr);
    align-items: center;
    gap: 42px;
}

.wup-public-v553 .wup-hero-v55315-copy {
    min-width: 0;
}

.wup-public-v553 .wup-hero-v55315-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 30px;
    padding: 5px 11px;
    border: 1px solid #b8ddf1;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 8px 24px rgba(29, 77, 123, 0.08);
    color: #1767b7;
    font-size: 0.69rem;
    font-weight: 850;
    letter-spacing: 0.055em;
}

.wup-public-v553 .wup-hero-v55315-kicker i {
    color: #229ed9;
    font-size: 0.88rem;
}

.wup-public-v553 .wup-hero-v55315-pains {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 17px;
}

.wup-public-v553 .wup-hero-v55315-pains span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 29px;
    padding: 5px 10px;
    border-radius: 9px;
    background: #fff1f3;
    color: #a53c50;
    font-size: 0.69rem;
    font-weight: 750;
}

.wup-public-v553 .wup-hero-v55315-pains span:last-child {
    background: #fff6e9;
    color: #9b6218;
}

.wup-public-v553 .wup-hero-v55315-copy h1 {
    max-width: 610px;
    margin: 16px 0 0;
    color: #0b1728;
    font-size: clamp(2.35rem, 3.35vw, 3.40rem);
    font-weight: 900;
	font-family: "Gabriela", Georgia, serif;
    letter-spacing: -0.052em;
    line-height: 0.98;
}

.wup-public-v553 .wup-hero-v55315-copy h1 span {
    display: block;
    margin-top: 8px;
    background: linear-gradient(268deg, #f5071d 0%, #4d55e8 52%, #7f3fdd 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: clamp(1.7rem, 3.35vw, 2.0rem);
    letter-spacing: -0.022em;
    padding-bottom: 4px;
}

.wup-public-v553 .wup-hero-v55315-speed {
    overflow: hidden;
    max-width: 610px;
    margin-top: 18px;
    border: 1px solid #d7e4ed;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 12px 28px rgba(29, 69, 104, 0.09);
}

.wup-public-v553 .wup-hero-v55315-speed-text {
    margin: 0;
    padding: 14px 16px 12px;
    color: #3f5367;
    font-size: 0.88rem;
    font-weight: 650;
    line-height: 1.42;
}

.wup-public-v553 .wup-hero-v55315-speed-text strong {
    color: #0d5fcb;
    font-weight: 850;
}

.wup-public-v553 .wup-hero-v55315-speed-race {
    display: grid;
    grid-template-columns: auto minmax(60px, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 10px 16px 11px;
    border-top: 1px solid #e0e9f0;
    background:
        linear-gradient(
            90deg,
            rgba(18, 100, 255, 0.045),
            rgba(216, 81, 105, 0.035)
        );
}

.wup-public-v553 .wup-hero-v55315-speed-race span {
    font-size: 0.7rem;
    font-weight: 850;
    line-height: 1.2;
    white-space: nowrap;
}

.wup-public-v553 .wup-hero-v55315-speed-you {
    color: #0b65d5;
}

.wup-public-v553 .wup-hero-v55315-speed-competitor {
    color: #b95568;
}

.wup-public-v553 .wup-hero-v55315-speed-track {
    position: relative;
    display: block;
    height: 2px;
    border-radius: 999px;
    background:
        linear-gradient(
            90deg,
            #1264ff 0%,
            #1264ff 64%,
            #e3a0ad 64%,
            #e3a0ad 100%
        );
}

.wup-public-v553 .wup-hero-v55315-speed-track::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 64%;
    width: 7px;
    height: 7px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    background: #1264ff;
    box-shadow: 0 0 0 4px rgba(18, 100, 255, 0.12);
    transform: translate(-50%, -50%);
    animation: wup-hero-v55315-speed-pulse 2.2s ease-out infinite;
}

@keyframes wup-hero-v55315-speed-pulse {
    0% {
        box-shadow: 0 0 0 2px rgba(18, 100, 255, 0.20);
    }

    75%,
    100% {
        box-shadow: 0 0 0 9px rgba(18, 100, 255, 0);
    }
}

@media (max-width: 575.98px) {
    .wup-public-v553 .wup-hero-v55315-speed {
        margin-top: 14px;
        border-radius: 12px;
    }

    .wup-public-v553 .wup-hero-v55315-speed-text {
        padding: 12px 13px 11px;
        font-size: 0.94rem;
        line-height: 1.4;
    }

    .wup-public-v553 .wup-hero-v55315-speed-race {
        grid-template-columns: auto minmax(32px, 1fr) auto;
        gap: 7px;
        padding: 9px 13px 10px;
    }

    .wup-public-v553 .wup-hero-v55315-speed-race span {
        font-size: 0.62rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wup-public-v553 .wup-hero-v55315-speed-track::before {
        animation: none;
    }
}

.wup-hero-v55315-help {
    position: relative;
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    margin-top: 20px;
    padding: 18px 20px;
    border: 1px solid #cfdfed;
    border-radius: 16px 16px 16px 5px;
    background:
        radial-gradient(
            circle at 100% 100%,
            rgba(28, 205, 210, 0.10),
            transparent 42%
        ),
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.98),
            rgba(240, 248, 255, 0.96)
        );
    box-shadow: 0 18px 45px rgba(35, 75, 116, 0.13);
}

.wup-hero-v55315-help::after {
    content: "";
    position: absolute;
    bottom: -9px;
    left: 22px;
    width: 17px;
    height: 17px;
    border-bottom: 1px solid #cfdfed;
    border-left: 1px solid #cfdfed;
    background: #f3f9ff;
    transform: skewY(-42deg) rotate(-8deg);
}

.wup-hero-v55315-help-icon {
    position: relative;
    z-index: 1;
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 11px;
    color: #ffffff;
    background: linear-gradient(
        135deg,
        #1264ff 0%,
        #6549e8 100%
    );
    box-shadow: 0 9px 20px rgba(48, 83, 220, 0.26);
}

.wup-hero-v55315-help-icon i {
    position: relative;
    z-index: 2;
    font-size: 16px;
    line-height: 1;
}

.wup-hero-v55315-help-icon::before,
.wup-hero-v55315-help-icon::after {
    content: "";
    position: absolute;
    pointer-events: none;
    border: 1px solid rgba(18, 100, 255, 0.30);
    border-radius: 50%;
    animation: wup-hero-v55315-signal 2.2s ease-out infinite;
}

.wup-hero-v55315-help-icon::before {
    inset: -7px;
}

.wup-hero-v55315-help-icon::after {
    inset: -14px;
    animation-delay: 0.75s;
}

.wup-hero-v55315-help-content {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.wup-hero-v55315-help-label {
    display: block;
    margin-bottom: 7px;
    color: #11819a;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.wup-hero-v55315-help .wup-hero-v55315-lead {
    margin: 0;
    color: #334a61;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.48;
}

.wup-hero-v55315-help .wup-hero-v55315-lead strong {
    color: #0d5dc8;
    font-weight: 700;
}

@keyframes wup-hero-v55315-signal {
    0% {
        opacity: 0.70;
        transform: scale(0.72);
    }

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

@media (max-width: 575.98px) {
    .wup-hero-v55315-help {
        grid-template-columns: 32px minmax(0, 1fr);
        gap: 12px;
        margin-top: 16px;
        padding: 16px;
        border-radius: 14px 14px 14px 5px;
    }

    .wup-hero-v55315-help-icon {
        width: 32px;
        height: 32px;
        border-radius: 10px;
    }

.wup-hero-v55315-help-icon i {
    position: relative;
    z-index: 2;
    font-size: 16px;
    line-height: 1;
}

    .wup-hero-v55315-help .wup-hero-v55315-lead {
        font-size: 15px;
        line-height: 1.45;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wup-hero-v55315-help-icon::before,
    .wup-hero-v55315-help-icon::after {
        animation: none;
        opacity: 0;
    }
}

.wup-public-v553 .wup-hero-v55315-benefits {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    max-width: 640px;
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
}

.wup-public-v553 .wup-hero-v55315-benefits li {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 41px;
    padding: 8px 9px;
    border: 1px solid #dbe6f0;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.82);
    color: #304459;
    font-size: 0.68rem;
    font-weight: 800;
}

.wup-public-v553 .wup-hero-v55315-benefits i {
    display: grid;
    flex: 0 0 25px;
    width: 25px;
    height: 25px;
    place-items: center;
    border-radius: 8px;
    background: #e9f3ff;
    color: #1767d2;
}

.wup-public-v553 .wup-hero-v55315-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 20px;
}

.wup-public-v553 .wup-hero-v55315-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 45px;
    padding: 9px 15px;
    border: 1px solid transparent;
    border-radius: 11px;
    font-size: 0.78rem;
    font-weight: 850;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.wup-public-v553 .wup-hero-v55315-actions a:hover {
    transform: translateY(-2px);
}

.wup-public-v553 .wup-hero-v55315-primary {
    background: linear-gradient(135deg, #0965ff 0%, #6041e5 100%);
    box-shadow: 0 14px 30px rgba(39, 78, 211, 0.24);
    color: #fff;
}

.wup-public-v553 .wup-hero-v55315-secondary {
    border-color: #d3dfeb;
    background: rgba(255, 255, 255, 0.9);
    color: #263b51;
}

.wup-public-v553 .wup-hero-v55315-assurance {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin: 13px 0 0;
    color: #65758a;
    font-size: 0.69rem;
    line-height: 1.45;
}

.wup-public-v553 .wup-hero-v55315-assurance i {
    margin-top: 2px;
    color: #10a66f;
}

.wup-public-v553 .wup-hero-v55315-radar {
    position: relative;
    border: 1px solid #233f61;
    border-radius: 20px;
    background: #0a1b2f;
    box-shadow: 0 30px 70px rgba(19, 45, 78, 0.22);
    overflow: hidden;
}

.wup-public-v553 .wup-hero-v55315-radar::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 43px;
    left: -35%;
    width: 30%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #4de8f0, transparent);
    animation: wupHeroV55315Scan 2.25s linear infinite;
    pointer-events: none;
}

.wup-public-v553 .wup-hero-v55315-radar-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 13px;
    background: #102945;
    color: #d9ebfa;
}

.wup-public-v553 .wup-hero-v55315-radar-top > span,
.wup-public-v553 .wup-hero-v55315-radar-foot > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 0.65rem;
    font-weight: 800;
}

.wup-public-v553 .wup-hero-v55315-radar-top > span:first-child i {
    color: #42bff6;
    font-size: 0.82rem;
}

.wup-public-v553 .wup-hero-v55315-live {
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(16, 176, 115, 0.16);
    color: #79e5b8;
}

.wup-public-v553 .wup-hero-v55315-live i {
    font-size: 0.4rem;
    animation: wupPulse 1.25s ease-in-out infinite;
}

.wup-public-v553 .wup-hero-v55315-radar-body {
    display: grid;
    grid-template-columns: minmax(0, 1.16fr) minmax(205px, 0.84fr);
    align-items: center;
    gap: 13px;
    min-height: 356px;
    padding: 14px;
}

.wup-public-v553 .wup-hero-v55315-stream {
    display: grid;
    gap: 7px;
}

.wup-public-v553 .wup-hero-v55315-message {
    display: none;
    min-height: 76px;
    padding: 9px 10px;
    border: 1px solid #254461;
    border-radius: 11px;
    background: #112a44;
    color: #d9e8f4;
}

.wup-public-v553 .wup-hero-v55315-message.is-visible {
    display: block;
    animation: wupHeroV55315Enter 0.34s ease both;
}

.wup-public-v553 .wup-hero-v55315-message.is-focus {
    border-color: #35d5df;
    background: linear-gradient(135deg, #14344e 0%, #153653 100%);
    box-shadow: 0 0 0 3px rgba(53, 213, 223, 0.1);
}

.wup-public-v553 .wup-hero-v55315-message > div {
    display: grid;
    grid-template-columns: 25px minmax(0, 1fr) auto;
    align-items: center;
    gap: 7px;
}

.wup-public-v553 .wup-hero-v55315-message > div > span {
    display: grid;
    width: 25px;
    height: 25px;
    place-items: center;
    border-radius: 8px;
    background: #1b486c;
    color: #6de0e7;
    font-size: 0.65rem;
}

.wup-public-v553 .wup-hero-v55315-message strong {
    overflow: hidden;
    font-size: 0.64rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wup-public-v553 .wup-hero-v55315-message time {
    color: #89a0b5;
    font-size: 0.53rem;
    white-space: nowrap;
}

.wup-public-v553 .wup-hero-v55315-message p {
    display: -webkit-box;
    margin: 6px 0 0;
    overflow: hidden;
    color: #d6e4ef;
    font-size: 0.68rem;
    line-height: 1.36;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.wup-public-v553 .wup-hero-v55315-detection {
    position: relative;
    padding: 13px;
    border: 1px solid #cae2ea;
    border-radius: 14px;
    background: #fff;
    color: #17273a;
    box-shadow: 0 15px 34px rgba(0, 0, 0, 0.22);
}

.wup-public-v553 .wup-hero-v55315-detection::before {
    content: "";
    position: absolute;
    top: 30px;
    left: -6px;
    width: 11px;
    height: 11px;
    background: #fff;
    transform: rotate(45deg);
}

.wup-public-v553 .wup-hero-v55315-detection-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
}

.wup-public-v553 .wup-hero-v55315-detection-head span {
    color: #087d59;
    font-size: 0.59rem;
    font-weight: 900;
    text-transform: uppercase;
}

.wup-public-v553 .wup-hero-v55315-detection-head b {
    padding: 4px 6px;
    border-radius: 7px;
    background: #e4f8ef;
    color: #087957;
    font-size: 0.52rem;
    white-space: nowrap;
}

.wup-public-v553 .wup-hero-v55315-detection > p {
    min-height: 63px;
    margin: 11px 0;
    color: #26384c;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1.45;
}

.wup-public-v553 .wup-hero-v55315-detection dl {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    margin: 0;
}

.wup-public-v553 .wup-hero-v55315-detection dl div {
    min-width: 0;
    padding: 7px;
    border-radius: 8px;
    background: #f0f5f9;
}

.wup-public-v553 .wup-hero-v55315-detection dt {
    color: #7b8998;
    font-size: 0.49rem;
    text-transform: uppercase;
}

.wup-public-v553 .wup-hero-v55315-detection dd {
    margin: 2px 0 0;
    overflow: hidden;
    font-size: 0.57rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wup-public-v553 .wup-hero-v55315-detection a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    color: #145fc7;
    font-size: 0.57rem;
    font-weight: 800;
}

.wup-public-v553 .wup-hero-v55315-radar-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 13px;
    background: #07182a;
    color: #91aac0;
}

.wup-public-v553 .wup-hero-v55315-radar-foot > span:first-child i {
    color: #46cbe5;
}

.wup-public-v553 .wup-hero-v55315-radar-foot > span:last-child i {
    color: #34d399;
}

.wup-public-v553 .wup-hero-v55315-radar-foot b {
    padding: 3px 6px;
    border-radius: 6px;
    background: #15344f;
    color: #b8e8f3;
    font-size: 0.57rem;
}

@keyframes wupHeroV55315Enter {
    from {
        opacity: 0;
        transform: translateY(-7px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes wupHeroV55315Scan {
    to {
        left: 105%;
    }
}

@media (max-width: 1199.98px) {
    .wup-public-v553 .wup-hero-v55315-grid {
        grid-template-columns: minmax(0, 0.9fr) minmax(510px, 1.1fr);
        gap: 28px;
    }

    .wup-public-v553 .wup-hero-v55315-benefits {
        grid-template-columns: 1fr;
        max-width: 340px;
    }
}

@media (max-width: 991.98px) {
    .wup-public-v553 .wup-hero-v55315 {
        padding: 42px 0 50px;
    }

    .wup-public-v553 .wup-hero-v55315-grid {
        grid-template-columns: 1fr;
    }

    .wup-public-v553 .wup-hero-v55315-copy {
        max-width: 740px;
    }

    .wup-public-v553 .wup-hero-v55315-benefits {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        max-width: 640px;
    }

    .wup-public-v553 .wup-hero-v55315-radar {
        max-width: 760px;
    }
}

@media (max-width: 639.98px) {
    .wup-public-v553 .wup-hero-v55315 {
        padding: 30px 0 38px;
    }

    .wup-public-v553 .wup-hero-v55315-pains {
        gap: 5px;
        margin-top: 13px;
    }

    .wup-public-v553 .wup-hero-v55315-pains span {
        min-height: 27px;
        padding: 4px 8px;
        font-size: 0.62rem;
    }

    .wup-public-v553 .wup-hero-v55315-copy h1 {
        margin-top: 14px;
        font-size: clamp(1.4rem, 8.8vw, 2.8rem);
        line-height: 1.01;
    }

    .wup-public-v553 .wup-hero-v55315-lead {
        font-size: 0.94rem;
    }

    .wup-public-v553 .wup-hero-v55315-benefits {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin-top: 14px;
    }

    .wup-public-v553 .wup-hero-v55315-benefits li {
        flex: 1 1 145px;
        min-height: 37px;
    }

    .wup-public-v553 .wup-hero-v55315-actions {
        align-items: stretch;
        margin-top: 17px;
    }

    .wup-public-v553 .wup-hero-v55315-actions a {
        flex: 1 1 100%;
    }

    .wup-public-v553 .wup-hero-v55315-radar {
        border-radius: 16px;
    }

    .wup-public-v553 .wup-hero-v55315-radar-body {
        grid-template-columns: 1fr;
        min-height: 0;
        padding: 10px;
    }

    .wup-public-v553 .wup-hero-v55315-message {
        min-height: 69px;
    }

    .wup-public-v553 .wup-hero-v55315-message.is-visible:nth-of-type(n) {
        display: block;
    }

    .wup-public-v553 .wup-hero-v55315-detection {
        padding: 11px;
    }

    .wup-public-v553 .wup-hero-v55315-detection::before {
        display: none;
    }

    .wup-public-v553 .wup-hero-v55315-detection > p {
        min-height: 0;
    }

    .wup-public-v553 .wup-hero-v55315-radar-foot {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wup-public-v553 .wup-hero-v55315-radar::after,
    .wup-public-v553 .wup-hero-v55315-live i,
    .wup-public-v553 .wup-hero-v55315-message.is-visible {
        animation: none;
    }
}

/* Ukrainian homepage hero: compact actions, release .55.3.19. */
.wup-public-v553 .wup-hero-v55319-compact {
    max-width: 640px;
    margin-top: 15px;
}

.wup-public-v553 .wup-hero-v55319-promises {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 10px 12px;
    border: 1px solid #d5e3ec;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.82);
    color: #445b6f;
    font-size: 0.72rem;
    font-weight: 750;
    line-height: 1.2;
}

.wup-public-v553 .wup-hero-v55319-promises span {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    white-space: nowrap;
}

.wup-public-v553 .wup-hero-v55319-promises span::before {
    content: "";
    flex: 0 0 6px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #1471d7;
    box-shadow: 0 0 0 3px rgba(20, 113, 215, 0.10);
}

.wup-public-v553 .wup-hero-v55319-promises span:nth-of-type(2)::before {
    background: #16a485;
    box-shadow: 0 0 0 3px rgba(22, 164, 133, 0.10);
}

.wup-public-v553 .wup-hero-v55319-promises span:nth-of-type(3)::before {
    background: #754fe0;
    box-shadow: 0 0 0 3px rgba(117, 79, 224, 0.10);
}

.wup-public-v553 .wup-hero-v55319-promises b {
    flex: 1 1 24px;
    height: 1px;
    background: #dae5ed;
}

.wup-public-v553 .wup-hero-v55319-actions {
    display: flex;
    gap: 9px;
    align-items: stretch;
    margin-top: 14px;
}

.wup-public-v553 .wup-hero-v55319-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    border-radius: 11px;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.wup-public-v553 .wup-hero-v55319-actions a:hover {
    transform: translateY(-2px);
	
}

.wup-public-v553 .wup-hero-v55319-actions a:focus-visible {
    outline: 3px solid rgba(18, 100, 255, 0.25);
    outline-offset: 3px;
}

.wup-public-v553 .wup-hero-v55319-actions a.wup-hero-v55319-primary {
    flex: 1 1 65%;
    gap: 10px;
    padding: 7px 15px;
    background: linear-gradient(135deg, var(--wup-home-register-start), var(--wup-home-register-end));
    box-shadow: 0 13px 28px var(--wup-home-register-shadow);
    color: var(--wup-home-register-ink);
}

.wup-public-v553 .wup-hero-v55319-actions a.wup-hero-v55319-primary:hover {
    box-shadow: 0 17px 34px rgba(228, 105, 16, .40);
    color: var(--wup-home-register-ink);
}

.wup-public-v553 .wup-hero-v55319-primary > i:first-child {
    font-size: 0.94rem;
}

.wup-public-v553 .wup-hero-v55319-primary > span {
    display: grid;
    min-width: 0;
    line-height: 1.1;
}

.wup-public-v553 .wup-hero-v55319-primary strong {
    font-size: 0.85rem;
    font-weight: 850;
}

.wup-public-v553 .wup-hero-v55319-primary small {
    margin-top: 3px;
    color: #4e4250;
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.wup-public-v553 .wup-hero-v55319-primary > i:last-child {
    margin-left: auto;
    font-size: 0.82rem;
}

.wup-public-v553 .wup-hero-v55319-secondary {
    flex: 1 1 35%;
    gap: 7px;
    padding: 0 14px;
    border: 1px solid #ccdbe6;
    background: rgba(255, 255, 255, 0.74);
    color: #314a60;
    font-size: 0.75rem;
    font-weight: 800;
}

.wup-public-v553 .wup-hero-v55319-secondary:hover {
    border-color: #aebfcd;
    box-shadow: 0 10px 22px rgba(39, 76, 108, 0.09);
    color: #1768d6;
}

.wup-public-v553 .wup-hero-v55319-secondary i {
    color: #1768d6;
    font-size: 0.70rem;
}

.wup-public-v553 .wup-hero-v55319-trust {
    display: flex;
    gap: 7px;
    align-items: flex-start;
    margin: 10px 0 0;
    color: #63798c;
    font-size: 0.71rem;
    font-weight: 650;
    line-height: 1.42;
}

.wup-public-v553 .wup-hero-v55319-trust i {
    margin-top: 2px;
    color: #10a66f;
}

@media (max-width: 575.98px) {
    .wup-public-v553 .wup-hero-v55319-promises {
        flex-wrap: wrap;
        gap: 7px 12px;
        padding: 10px 11px;
		font-size: 0.89rem;
    }
	
.wup-public-v553 .wup-hero-v55315-message p {
    font-size: 0.88rem;
}

    .wup-public-v553 .wup-hero-v55319-promises b {
        display: none;
    }

    .wup-public-v553 .wup-hero-v55319-actions {
        flex-direction: column;
    }

    .wup-public-v553 .wup-hero-v55319-primary,
    .wup-public-v553 .wup-hero-v55319-secondary {
        flex-basis: auto;
        width: 100%;
		font-size: 0.99rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wup-public-v553 .wup-hero-v55319-actions a {
        transition: none;
    }
}





/* =========================================================
   WUP Lead Monitor — homepage third block
   H · Запит у центрі уваги
   ========================================================= */

.wup-public-v553 .wup-demand-h {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 50% 105%,
            rgba(74, 192, 161, 0.13),
            transparent 37%
        ),
        radial-gradient(
            circle at 92% 8%,
            rgba(68, 140, 255, 0.13),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #f8f7ff 0%,
            #ffffff 48%,
            #f5fbff 100%
        );
}

.wup-public-v553 .wup-demand-h::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.38;
    background-image:
        linear-gradient(
            rgba(79, 116, 158, 0.05) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(79, 116, 158, 0.05) 1px,
            transparent 1px
        );
    background-size: 42px 42px;
    mask-image: linear-gradient(
        to bottom,
        transparent,
        #000000 28%,
        #000000 82%,
        transparent
    );
    -webkit-mask-image: linear-gradient(
        to bottom,
        transparent,
        #000000 28%,
        #000000 82%,
        transparent
    );
    pointer-events: none;
}

.wup-public-v553 .wup-demand-h-shell {
    position: relative;
    z-index: 2;
}

/* Heading */

.wup-public-v553 .wup-demand-h-heading {
    max-width: 920px;
    margin: 0 auto 24px;
    text-align: center;
}

.wup-public-v553 .wup-demand-h-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 11px;
    border: 1px solid #d9e5f4;
    border-radius: 999px;
    color: #1769df;
    background: rgba(255, 255, 255, 0.74);
    box-shadow: 0 8px 24px rgba(52, 88, 138, 0.07);
    font-size: 0.64rem;
    font-weight: 850;
    letter-spacing: 0.11em;
    line-height: 1.2;
    text-transform: uppercase;
}

.wup-public-v553 .wup-demand-h-kicker i {
    color: #ef7d4f;
}

.wup-public-v553 .wup-demand-h-heading h2 {
    max-width: 920px;
    margin: 12px auto 0;
    color: #17283d;
    font-size: clamp(2rem, 3.45vw, 2.6rem);
    font-weight: 760;
    /* letter-spacing: normal; */
    line-height: 1.02;
    font-family: "Decima Nova Pro", Helvetica, Arial, sans-serif;
}

.wup-public-v553 .wup-demand-h-heading h2 strong {
    display: block;
    margin-top: 4px;
    color: transparent;
    background: linear-gradient(90deg, #1769df 8%, #626ce2 50%, #11a67a 92%);
    background-clip: text;
    -webkit-background-clip: text;
    font-weight: 820;
    font-size: clamp(1.5rem, 3.45vw, 2.2rem);
    font-family: "Gabriela", Georgia, serif;
    padding-bottom: 5px;
}

.wup-public-v553 .wup-demand-h-slogan {
    display: block;
    align-items: center;
    gap: 8px;
    margin: 13px auto 0;
    padding: 8px 12px;
    border: 1px solid #dbe5f0;
    border-radius: 12px;
    color: #596b80;
    background: rgba(255, 255, 255, 0.76);
    box-shadow: 0 9px 26px rgba(43, 67, 95, 0.07);
    font-size: 0.76rem;
    font-weight: 500;
    line-height: 1.35;
}

.wup-public-v553 .wup-demand-h-slogan i {
    color: #1769df;
}

/* Main live stage */

.wup-public-v553 .wup-demand-h-stage {
    position: relative;
    min-height: 405px;
    padding: 28px;
    overflow: hidden;
    border: 1px solid #e0e6f0;
    border-radius: 22px;
    background:
        linear-gradient(
            rgba(95, 124, 164, 0.05) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(95, 124, 164, 0.05) 1px,
            transparent 1px
        ),
        rgba(249, 251, 254, 0.82);
    background-size: 38px 38px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 18px 48px rgba(41, 64, 91, 0.08);
}

/* Crossed advertising labels */

.wup-public-v553 .wup-demand-h-ad-cloud {
    position: absolute;
    top: 38px;
    left: 24px;
    z-index: 3;
    width: 178px;
    height: 128px;
}

.wup-public-v553 .wup-demand-h-ad-cloud::before,
.wup-public-v553 .wup-demand-h-ad-cloud::after {
    content: "";
    position: absolute;
    z-index: 6;
    top: 50%;
    left: 50%;
    width: 122%;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        transparent,
        #ed624d 12%,
        #d94036 88%,
        transparent
    );
    box-shadow: 0 0 10px rgba(221, 62, 49, 0.18);
    pointer-events: none;
}

.wup-public-v553 .wup-demand-h-ad-cloud::before {
    transform: translate(-50%, -50%) rotate(33deg);
}

.wup-public-v553 .wup-demand-h-ad-cloud::after {
    transform: translate(-50%, -50%) rotate(-33deg);
}

.wup-public-v553 .wup-demand-h-ad-chip {
    position: absolute;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border: 1px solid #eadfd9;
    border-radius: 999px;
    color: #a18176;
    background: rgba(255, 251, 248, 0.88);
    box-shadow: 0 8px 22px rgba(88, 61, 48, 0.06);
    font-size: 0.58rem;
    font-weight: 750;
    opacity: 0.55;
    filter: blur(0.25px);
    animation: wupDemandHAdDrift 6s ease-in-out infinite alternate;
}

.wup-public-v553 .wup-demand-h-ad-chip.is-google {
    top: 0;
    left: 0;
}

.wup-public-v553 .wup-demand-h-ad-chip.is-meta {
    top: 45px;
    left: 28px;
    animation-delay: -2s;
}

.wup-public-v553 .wup-demand-h-ad-chip.is-seo {
    bottom: 0;
    left: 5px;
    animation-delay: -4s;
}

@keyframes wupDemandHAdDrift {
    to {
        transform: translate3d(10px, -8px, 0);
    }
}

.wup-public-v553 .wup-demand-h-ad-label {
    position: absolute;
    z-index: 7;
    right: -2px;
    bottom: 6px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 7px;
    border: 1px solid #f0c8bf;
    border-radius: 999px;
    color: #c54638;
    background: #fff1ed;
    box-shadow: 0 6px 16px rgba(170, 63, 49, 0.08);
    font-size: 0.5rem;
    font-weight: 850;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

/* Animated WUP radar */

.wup-public-v553 .wup-demand-h-radar {
    position: absolute;
    top: 38px;
    right: 6%;
    z-index: 1;
    width: 94px;
    height: 94px;
    border: 1px solid rgba(55, 153, 222, 0.18);
    border-radius: 50%;
    box-shadow:
        0 0 0 14px rgba(55, 153, 222, 0.05),
        0 0 0 28px rgba(55, 153, 222, 0.025);
}

.wup-public-v553 .wup-demand-h-radar::before {
    content: "";
    position: absolute;
    inset: 5px;
    border-radius: 50%;
    background: conic-gradient(
        from 0deg,
        transparent 0deg 275deg,
        rgba(38, 167, 196, 0.3) 330deg,
        transparent 360deg
    );
    animation: wupDemandHRadar 3s linear infinite;
}

.wup-public-v553 .wup-demand-h-radar::after {
    content: "WUP";
    position: absolute;
    inset: 22px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #278edb, #6155d8);
    color: #ffffff;
    box-shadow: 0 9px 24px rgba(55, 92, 180, 0.24);
    font-size: 0.68rem;
    font-weight: 900;
}

@keyframes wupDemandHRadar {
    to {
        transform: rotate(360deg);
    }
}

/* Five changing request cards */

.wup-public-v553 .wup-demand-h-carousel {
    position: relative;
    z-index: 4;
    width: min(570px, 68%);
    height: 235px;
    margin: 28px auto 0;
}

.wup-public-v553 .wup-demand-h-request {
    position: absolute;
    inset: 0;
    padding: 20px;
    border: 1px solid #ccd9e7;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 24px 55px rgba(42, 67, 97, 0.16);
    opacity: 0;
    transform: translateY(15px) scale(0.985);
    animation: wupDemandHRequestCycle 25s ease-in-out infinite;
    will-change: opacity, transform;
}

.wup-public-v553 .wup-demand-h-request:nth-child(1) {
    animation-delay: 0s;
}

.wup-public-v553 .wup-demand-h-request:nth-child(2) {
    animation-delay: -20s;
}

.wup-public-v553 .wup-demand-h-request:nth-child(3) {
    animation-delay: -15s;
}

.wup-public-v553 .wup-demand-h-request:nth-child(4) {
    animation-delay: -10s;
}

.wup-public-v553 .wup-demand-h-request:nth-child(5) {
    animation-delay: -5s;
}

@keyframes wupDemandHRequestCycle {
    0%,
    16% {
        z-index: 2;
        opacity: 1;
        transform: translateY(0) scale(1);
    }

    20% {
        z-index: 1;
        opacity: 0;
        transform: translateY(-15px) scale(0.985);
    }

    21%,
    94% {
        z-index: 0;
        opacity: 0;
        transform: translateY(15px) scale(0.985);
    }

    100% {
        z-index: 1;
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.wup-public-v553 .wup-demand-h-request-header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
}

.wup-public-v553 .wup-demand-h-request-icon {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 50%;
    color: #ffffff;
    background: linear-gradient(135deg, #3dbfda, #4e70e5);
    box-shadow: 0 8px 20px rgba(56, 116, 205, 0.2);
}

.wup-public-v553 .wup-demand-h-request.is-real-estate .wup-demand-h-request-icon {
    background: linear-gradient(135deg, #7d75e9, #b369d5);
}

.wup-public-v553 .wup-demand-h-request.is-accounting .wup-demand-h-request-icon {
    background: linear-gradient(135deg, #18a87d, #4bcaa5);
}

.wup-public-v553 .wup-demand-h-request.is-work .wup-demand-h-request-icon {
    background: linear-gradient(135deg, #ed8b48, #e65f59);
}

.wup-public-v553 .wup-demand-h-request.is-parcel .wup-demand-h-request-icon {
    background: linear-gradient(135deg, #347ee9, #32bad0);
}

.wup-public-v553 .wup-demand-h-request-source {
    min-width: 0;
}

.wup-public-v553 .wup-demand-h-request-source strong,
.wup-public-v553 .wup-demand-h-request-source small {
    display: block;
}

.wup-public-v553 .wup-demand-h-request-source strong {
    overflow: hidden;
    color: #2a3d53;
    font-size: 0.74rem;
    font-weight: 800;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wup-public-v553 .wup-demand-h-request-source small {
    margin-top: 2px;
    color: #8795a5;
    font-size: 0.56rem;
}

.wup-public-v553 .wup-demand-h-request-time {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #8795a5;
    font-size: 0.56rem;
    white-space: nowrap;
}

.wup-public-v553 .wup-demand-h-request-time b {
    padding: 4px 6px;
    border-radius: 7px;
    color: #246ea6;
    background: #e9f4ff;
    font-size: 0.54rem;
    font-weight: 800;
}

.wup-public-v553 .wup-demand-h-request blockquote {
    margin: 16px 0 14px;
    color: #22364c;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.48;
}

.wup-public-v553 .wup-demand-h-request-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.wup-public-v553 .wup-demand-h-request-tags span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 8px;
    border-radius: 8px;
    font-size: 0.56rem;
    font-weight: 750;
}

.wup-public-v553 .wup-demand-h-request-tags .is-blue {
    color: #276db5;
    background: #e9f2ff;
}

.wup-public-v553 .wup-demand-h-request-tags .is-violet {
    color: #6d53b4;
    background: #f0ebff;
}

.wup-public-v553 .wup-demand-h-request-tags .is-green {
    color: #0a7d59;
    background: #e5f8f1;
}

.wup-public-v553 .wup-demand-h-request-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 13px;
    padding-top: 11px;
    border-top: 1px solid #e5ebf1;
    color: #6b7c90;
    font-size: 0.6rem;
}

.wup-public-v553 .wup-demand-h-request-footer b {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #0d855f;
    font-weight: 750;
    white-space: nowrap;
}

.wup-public-v553 .wup-demand-h-request-footer b::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #3bd298;
    box-shadow: 0 0 10px #3bd298;
}

/* Carousel progress */

.wup-public-v553 .wup-demand-h-carousel-status {
    display: flex;
    width: min(570px, 68%);
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 11px auto 0;
}

.wup-public-v553 .wup-demand-h-carousel-status > span:first-child {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #77899c;
    font-size: 0.56rem;
    font-weight: 750;
    text-transform: uppercase;
}

.wup-public-v553 .wup-demand-h-carousel-status > span:first-child i {
    color: #0f8964;
}

.wup-public-v553 .wup-demand-h-carousel-progress {
    position: relative;
    width: 145px;
    height: 4px;
    overflow: hidden;
    border-radius: 999px;
    background: #dbe5ee;
}

.wup-public-v553 .wup-demand-h-carousel-progress::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(90deg, #2f8ee2, #1bb487);
    transform: translateX(-100%);
    animation: wupDemandHProgress 5s linear infinite;
}

@keyframes wupDemandHProgress {
    to {
        transform: translateX(0);
    }
}

/* Compact comparison */

.wup-public-v553 .wup-demand-h-comparison {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 12px;
    align-items: center;
    width: min(760px, 90%);
    margin: 17px auto 0;
}

.wup-public-v553 .wup-demand-h-comparison article {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 13px;
    border: 1px solid rgba(216, 226, 237, 0.88);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 9px 25px rgba(46, 67, 94, 0.07);
}

.wup-public-v553 .wup-demand-h-comparison article > i {
    display: grid;
    width: 29px;
    height: 29px;
    flex: 0 0 29px;
    place-items: center;
    border-radius: 9px;
}

.wup-public-v553 .wup-demand-h-comparison .is-ad > i {
    color: #d16047;
    background: #ffece2;
}

.wup-public-v553 .wup-demand-h-comparison .is-wup > i {
    color: #0e845f;
    background: #dcf7ed;
}

.wup-public-v553 .wup-demand-h-comparison small,
.wup-public-v553 .wup-demand-h-comparison b {
    display: block;
}

.wup-public-v553 .wup-demand-h-comparison small {
    color: #8997a6;
    font-size: 0.5rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.wup-public-v553 .wup-demand-h-comparison b {
    margin-top: 2px;
    color: #37495d;
    font-size: 0.68rem;
    font-weight: 750;
    line-height: 1.3;
}

.wup-public-v553 .wup-demand-h-comparison > i {
    color: #8093a7;
    font-size: 0.7rem;
}

.wup-public-v553 .wup-demand-h-conclusion {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 20px 0 0;
    color: #596a7e;
    font-size: 0.84rem;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
}

.wup-public-v553 .wup-demand-h-conclusion i {
    color: #0e9a70;
}

/* Tablet */

@media (max-width: 850px) {
    .wup-public-v553 .wup-demand-h-stage {
        min-height: 0;
        padding: 20px 15px;
    }

    .wup-public-v553 .wup-demand-h-carousel,
    .wup-public-v553 .wup-demand-h-carousel-status {
        width: min(560px, 82%);
    }

    .wup-public-v553 .wup-demand-h-carousel {
        margin-top: 150px;
    }

    .wup-public-v553 .wup-demand-h-comparison {
        width: 100%;
    }
}

/* Mobile */

@media (max-width: 560px) {
    .wup-public-v553 .wup-demand-h-heading {
        margin-bottom: 20px;
    }

    .wup-public-v553 .wup-demand-h-heading h2 {
        font-size: clamp(1.72rem, 8.5vw, 2.12rem);
        line-height: 1.05;
    }

    .wup-public-v553 .wup-demand-h-slogan {
        width: 100%;
        justify-content: center;
        font-size: 0.7rem;
    }

    .wup-public-v553 .wup-demand-h-stage {
        padding: 13px;
        border-radius: 18px;
    }

    .wup-public-v553 .wup-demand-h-ad-cloud {
        top: 20px;
        left: 14px;
        width: 150px;
        height: 116px;
    }

    .wup-public-v553 .wup-demand-h-ad-chip {
        padding: 6px 8px;
        font-size: 0.5rem;
    }

    .wup-public-v553 .wup-demand-h-radar {
        top: 33px;
        right: 18px;
        width: 70px;
        height: 70px;
    }

    .wup-public-v553 .wup-demand-h-radar::after {
        inset: 17px;
        font-size: 0.56rem;
    }

    .wup-public-v553 .wup-demand-h-carousel {
        width: 100%;
        height: 310px;
        margin-top: 172px;
    }

    .wup-public-v553 .wup-demand-h-carousel-status {
        width: 100%;
    }

    .wup-public-v553 .wup-demand-h-carousel-progress {
        width: 100px;
    }

    .wup-public-v553 .wup-demand-h-request {
        padding: 16px;
    }

    .wup-public-v553 .wup-demand-h-request-header {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: flex-start;
    }

    .wup-public-v553 .wup-demand-h-request-time {
        grid-column: 1 / -1;
        justify-content: space-between;
        width: 100%;
        margin-top: 2px;
    }

    .wup-public-v553 .wup-demand-h-request blockquote {
        margin: 13px 0 12px;
        font-size: 0.8rem;
    }

    .wup-public-v553 .wup-demand-h-request-footer {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }

    .wup-public-v553 .wup-demand-h-comparison {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .wup-public-v553 .wup-demand-h-comparison > i {
        justify-self: center;
        transform: rotate(90deg);
    }

    .wup-public-v553 .wup-demand-h-conclusion {
        align-items: flex-start;
        font-size: 0.76rem;
    }
}

/* Accessibility */

@media (prefers-reduced-motion: reduce) {
    .wup-public-v553 .wup-demand-h-ad-chip,
    .wup-public-v553 .wup-demand-h-radar::before,
    .wup-public-v553 .wup-demand-h-request,
    .wup-public-v553 .wup-demand-h-carousel-progress::after {
        animation: none;
    }

    .wup-public-v553 .wup-demand-h-request {
        display: none;
    }

    .wup-public-v553 .wup-demand-h-request:first-child {
        display: block;
        z-index: 2;
        opacity: 1;
        transform: none;
    }
}



/*
 * WUP Lead Monitor — четвертий блок «Сигнальна лінія».
 * Додати замість старих стилів секції 4. Race.
 */

.wup-public-v553 .wup-race-signal {
    position: relative;
    overflow: hidden;
    padding: 34px 0;
    color: #ffffff;
    background:
        radial-gradient(circle at 84% 12%, rgba(117, 73, 255, 0.23), transparent 34%),
        radial-gradient(circle at 8% 90%, rgba(18, 100, 255, 0.2), transparent 38%),
        linear-gradient(118deg, #351634 0%, #14223c 49%, #071a31 100%);
}

.wup-public-v553 .wup-race-signal::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(to right, transparent, #000 25%, #000 75%, transparent);
}

.wup-public-v553 .wup-race-signal-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
    gap: 42px;
    align-items: center;
}

.wup-public-v553 .wup-race-signal-copy {
    min-width: 0;
}

.wup-public-v553 .wup-race-signal-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding: 6px 11px;
    border: 1px solid rgba(91, 212, 255, 0.2);
    border-radius: 999px;
    color: #85e4f1;
    background: rgba(49, 190, 224, 0.1);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.wup-public-v553 .wup-race-signal-kicker i {
    color: #58d9e8;
}

.wup-public-v553 .wup-race-signal-copy h2 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(2rem, 3.4vw, 3.25rem);
    font-weight: 830;
    letter-spacing: -0.045em;
    line-height: 1.03;
}

.wup-public-v553 .wup-race-signal-copy h2 strong {
    display: block;
    margin-top: 6px;
    color: #79dcef;
    font-weight: inherit;
}

.wup-public-v553 .wup-race-signal-copy > p {
    max-width: 620px;
    margin: 18px 0 0;
    color: #b8c6d9;
    font-size: 1rem;
    line-height: 1.62;
}

.wup-public-v553 .wup-race-signal-copy blockquote {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin: 24px 0 0;
    padding: 16px 18px;
    border: 1px solid rgba(255, 147, 109, 0.16);
    border-left: 3px solid #ff936d;
    border-radius: 0 13px 13px 0;
    color: #f8fbff;
    background: linear-gradient(90deg, rgba(255, 119, 88, 0.14), rgba(255, 119, 88, 0.035));
    font-size: 0.96rem;
    line-height: 1.5;
}

.wup-public-v553 .wup-race-signal-copy blockquote > i {
    flex: 0 0 auto;
    margin-top: 3px;
    color: #ff936d;
}

.wup-public-v553 .wup-race-signal-visual {
    min-width: 0;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 22px;
    background: rgba(5, 16, 32, 0.54);
    box-shadow: 0 24px 65px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(14px);
}

.wup-public-v553 .wup-race-signal-live {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 10px;
}

.wup-public-v553 .wup-race-signal-live > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #50e3a4;
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.1em;
}

.wup-public-v553 .wup-race-signal-live > span i {
    font-size: 0.68rem;
    animation: wupRaceSignalLivePulse 1.8s ease-in-out infinite;
}

.wup-public-v553 .wup-race-signal-live small {
    color: #94a7bd;
    font-size: 0.68rem;
}

.wup-public-v553 .wup-race-signal-tabs {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 5px;
    margin-bottom: 11px;
}

.wup-public-v553 .wup-race-signal-tabs > button {
    display: grid;
    min-width: 0;
    min-height: 48px;
    padding: 7px 4px;
    place-items: center;
    align-content: center;
    gap: 4px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 9px;
    color: #8295ad;
    background: rgba(255, 255, 255, 0.035);
    font: inherit;
    cursor: pointer;
    transition:
        color 0.22s ease,
        border-color 0.22s ease,
        background 0.22s ease,
        box-shadow 0.22s ease,
        transform 0.22s ease;
}

.wup-public-v553 .wup-race-signal-tabs > button:hover,
.wup-public-v553 .wup-race-signal-tabs > button:focus-visible {
    border-color: rgba(80, 227, 164, 0.26);
    color: #c9d7e7;
    background: rgba(255, 255, 255, 0.065);
}

.wup-public-v553 .wup-race-signal-tabs > button.is-active {
    border-color: rgba(80, 227, 164, 0.52);
    color: #0c2932;
    background: #50e3a4;
    box-shadow: 0 7px 20px rgba(80, 227, 164, 0.18);
    transform: translateY(-1px);
}

.wup-public-v553 .wup-race-signal-tabs i {
    font-size: 0.78rem;
}

.wup-public-v553 .wup-race-signal-tabs b {
    overflow: hidden;
    max-width: 100%;
    font-size: 0.58rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wup-public-v553 .wup-race-signal-stage {
    display: grid;
}

.wup-public-v553 .wup-race-signal-topic {
    grid-area: 1 / 1;
    min-width: 0;
    visibility: hidden;
    opacity: 0;
    transform: translateY(9px);
    pointer-events: none;
    transition:
        opacity 0.22s ease,
        transform 0.22s ease,
        visibility 0s linear 0.22s;
}

.wup-public-v553 .wup-race-signal-topic.is-active {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    transition-delay: 0s;
}

.wup-public-v553 .wup-race-signal-request {
    padding: 14px 16px;
    border-radius: 14px;
    color: #17283d;
    background: #ffffff;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.2);
}

.wup-public-v553 .wup-race-signal-request header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #73849a;
    font-size: 0.68rem;
}

.wup-public-v553 .wup-race-signal-request header > span {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 7px;
}

.wup-public-v553 .wup-race-signal-request header b {
    overflow: hidden;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wup-public-v553 .wup-race-signal-request header i {
    flex: 0 0 auto;
    color: #2ea9e8;
}

.wup-public-v553 .wup-race-signal-request header time {
    flex: 0 0 auto;
    font-weight: 750;
}

.wup-public-v553 .wup-race-signal-request > p {
    margin: 8px 0 0;
    color: #16283d;
    font-size: 0.84rem;
    font-weight: 720;
    line-height: 1.45;
}

.wup-public-v553 .wup-race-signal-request footer {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
}

.wup-public-v553 .wup-race-signal-request footer > span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 7px;
    border-radius: 999px;
    color: #53728f;
    background: #eef5fb;
    font-size: 0.58rem;
    font-weight: 720;
}

.wup-public-v553 .wup-race-signal-request footer i {
    color: #267ed8;
}

.wup-public-v553 .wup-race-signal-line {
    display: grid;
    gap: 1px;
    margin: 11px 0;
    padding: 0;
    list-style: none;
}

.wup-public-v553 .wup-race-signal-line li {
    display: grid;
    grid-template-columns: 44px 31px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    min-height: 48px;
    padding: 2px 0;
    color: #8799af;
}

.wup-public-v553 .wup-race-signal-line li > time {
    font-size: 0.63rem;
    font-weight: 800;
}

.wup-public-v553 .wup-race-signal-line li > span {
    position: relative;
    display: grid;
    width: 28px;
    height: 28px;
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 50%;
    place-items: center;
    color: #8da0b8;
    background: rgba(255, 255, 255, 0.055);
}

.wup-public-v553 .wup-race-signal-line li > span::after {
    content: "";
    position: absolute;
    top: 28px;
    left: 13px;
    width: 1px;
    height: 20px;
    background: rgba(255, 255, 255, 0.12);
}

.wup-public-v553 .wup-race-signal-line li:last-child > span::after {
    display: none;
}

.wup-public-v553 .wup-race-signal-line li > span i {
    font-size: 0.65rem;
}

.wup-public-v553 .wup-race-signal-line li > div {
    min-width: 0;
}

.wup-public-v553 .wup-race-signal-line strong,
.wup-public-v553 .wup-race-signal-line small {
    display: block;
}

.wup-public-v553 .wup-race-signal-line strong {
    color: #e6edf6;
    font-size: 0.7rem;
    font-weight: 780;
}

.wup-public-v553 .wup-race-signal-line small {
    margin-top: 2px;
    color: #8698ad;
    font-size: 0.61rem;
    line-height: 1.35;
}

.wup-public-v553 .wup-race-signal-line li.is-wup {
    color: #50e3a4;
}

.wup-public-v553 .wup-race-signal-line li.is-wup > span {
    border-color: #50e3a4;
    color: #0b2131;
    background: #50e3a4;
    box-shadow: 0 0 0 5px rgba(80, 227, 164, 0.12);
}

.wup-public-v553 .wup-race-signal-line li.is-wup strong {
    color: #7aebba;
}

.wup-public-v553 .wup-race-signal-line li.is-late {
    color: #ff936d;
}

.wup-public-v553 .wup-race-signal-line li.is-late > span {
    border-color: #ff936d;
    color: #2a1721;
    background: #ff936d;
}

.wup-public-v553 .wup-race-signal-line li.is-late strong {
    color: #ffad91;
}

.wup-public-v553 .wup-race-signal-meter {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 3px 12px;
    overflow: hidden;
    padding: 11px 13px 13px;
    border: 1px solid rgba(255, 147, 109, 0.12);
    border-radius: 11px;
    background: linear-gradient(90deg, rgba(255, 119, 88, 0.13), rgba(255, 119, 88, 0.04));
}

.wup-public-v553 .wup-race-signal-meter > span {
    color: #ffb29e;
    font-size: 0.64rem;
    font-weight: 760;
}

.wup-public-v553 .wup-race-signal-meter > strong {
    grid-column: 2;
    grid-row: 1 / 3;
    align-self: center;
    color: #ff936d;
    font-size: 1.65rem;
    font-weight: 850;
    line-height: 1;
}

.wup-public-v553 .wup-race-signal-meter > small {
    color: #889aad;
    font-size: 0.58rem;
    line-height: 1.35;
}

.wup-public-v553 .wup-race-signal-meter > i {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: linear-gradient(90deg, #50e3a4, #ffd166 55%, #ff6f58);
}

.wup-public-v553 .wup-race-signal-topic.is-active .wup-race-signal-meter > i {
    animation: wupRaceSignalMeterRun 4.35s linear forwards;
}

@keyframes wupRaceSignalLivePulse {
    0%,
    100% {
        opacity: 0.45;
        transform: scale(0.92);
    }

    50% {
        opacity: 1;
        transform: scale(1.08);
    }
}

@keyframes wupRaceSignalMeterRun {
    0% {
        width: 4%;
    }

    100% {
        width: 92%;
    }
}

@media (max-width: 1080px) {
    .wup-public-v553 .wup-race-signal-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .wup-public-v553 .wup-race-signal-copy {
        max-width: 820px;
        margin: auto;
        text-align: center;
    }

    .wup-public-v553 .wup-race-signal-copy > p {
        margin-right: auto;
        margin-left: auto;
    }

    .wup-public-v553 .wup-race-signal-copy blockquote {
        max-width: 690px;
        margin-right: auto;
        margin-left: auto;
        text-align: left;
    }

    .wup-public-v553 .wup-race-signal-visual {
        width: min(100%, 760px);
        margin: auto;
    }
}

@media (max-width: 720px) {
    .wup-public-v553 .wup-race-signal {
        padding: 24px 0;
    }

    .wup-public-v553 .wup-race-signal-grid {
        gap: 24px;
    }

    .wup-public-v553 .wup-race-signal-copy h2 {
        font-size: clamp(1.75rem, 8vw, 2.35rem);
    }

    .wup-public-v553 .wup-race-signal-copy > p {
        font-size: 0.9rem;
    }

    .wup-public-v553 .wup-race-signal-copy blockquote {
        margin-top: 18px;
        padding: 13px 14px;
        font-size: 0.86rem;
    }

    .wup-public-v553 .wup-race-signal-visual {
        padding: 13px;
        border-radius: 17px;
    }
}

@media (max-width: 560px) {
    .wup-public-v553 .wup-race-signal-live {
        align-items: flex-start;
    }

    .wup-public-v553 .wup-race-signal-live small {
        max-width: 190px;
        text-align: right;
    }

    .wup-public-v553 .wup-race-signal-tabs {
        grid-template-columns: repeat(5, 36px);
        justify-content: space-between;
    }

    .wup-public-v553 .wup-race-signal-tabs > button {
        width: 36px;
        min-height: 36px;
        padding: 0;
        border-radius: 50%;
    }

    .wup-public-v553 .wup-race-signal-tabs b {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }

    .wup-public-v553 .wup-race-signal-request {
        padding: 12px 13px;
    }

    .wup-public-v553 .wup-race-signal-request header {
        align-items: flex-start;
    }

    .wup-public-v553 .wup-race-signal-request > p {
        font-size: 0.78rem;
    }

    .wup-public-v553 .wup-race-signal-line li {
        grid-template-columns: 39px 29px minmax(0, 1fr);
        gap: 6px;
    }

    .wup-public-v553 .wup-race-signal-line li > span {
        width: 26px;
        height: 26px;
    }

    .wup-public-v553 .wup-race-signal-line li > span::after {
        top: 26px;
        left: 12px;
        height: 22px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wup-public-v553 .wup-race-signal-topic,
    .wup-public-v553 .wup-race-signal-meter > i,
    .wup-public-v553 .wup-race-signal-live > span i {
        animation: none;
        transition: none;
    }

    .wup-public-v553 .wup-race-signal-topic.is-active .wup-race-signal-meter > i {
        width: 92%;
    }
}


/* ================================================================
   WUP Lead Monitor homepage — fifth block: Demand Lens
   Add this block to /assets/app/css/public-homepage.css
   ================================================================ */

.wup-public-v553 .wup-lens-section {
    --wup-lens-ink: #0d1930;
    --wup-lens-muted: #67758c;
    --wup-lens-blue: #1668ff;
    --wup-lens-blue-dark: #0d4fd7;
    --wup-lens-cyan: #03bfdc;
    --wup-lens-green: #18a96b;
    --wup-lens-gold: #ffb629;
    position: relative;
    overflow: hidden;
    padding: 20px 0;
    color: var(--wup-lens-ink);
    background:
        radial-gradient(circle at 8% 8%, rgba(3, 191, 220, 0.09), transparent 22%),
        radial-gradient(circle at 92% 3%, rgba(22, 104, 255, 0.08), transparent 24%),
        #ffffff;
}

.wup-public-v553 .wup-lens-section::before {
    content: "";
    position: absolute;
    top: -145px;
    right: -110px;
    width: 340px;
    height: 340px;
    border: 1px solid rgba(22, 104, 255, 0.11);
    border-radius: 50%;
    box-shadow:
        0 0 0 40px rgba(22, 104, 255, 0.025),
        0 0 0 85px rgba(3, 191, 220, 0.018);
    pointer-events: none;
}

.wup-public-v553 .wup-lens-section .wup-home-shell {
    position: relative;
    z-index: 1;
}

.wup-public-v553 .wup-lens-heading {
    position: relative;
    z-index: 2;
    text-align: center;
}

.wup-public-v553 .wup-lens-eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 9px;
    color: #536984;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.wup-public-v553 .wup-lens-eyebrow-live,
.wup-public-v553 .wup-lens-telegram {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.wup-public-v553 .wup-lens-eyebrow-live {
    padding: 5px 9px;
    color: #0b8050;
    background: #ecfbf4;
    border-radius: 8px;
    letter-spacing: 0.06em;
}

.wup-public-v553 .wup-lens-eyebrow-live::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--wup-lens-green);
    animation: wup-lens-live 2s ease-out infinite;
}

.wup-public-v553 .wup-lens-eyebrow-live i {
    font-size: 11px;
}

.wup-public-v553 .wup-lens-telegram i {
    color: #229ed9;
    font-size: 15px;
    filter: drop-shadow(0 4px 7px rgba(34, 158, 217, 0.22));
}

.wup-public-v553 .wup-lens-heading h2 {
    max-width: 760px;
    margin: 0 auto;
    color: var(--wup-lens-ink);
    font-size: clamp(32px, 4.1vw, 47px);
    line-height: 1.04;
    letter-spacing: -0.04em;
}

.wup-public-v553 .wup-lens-heading h2 > span {
    color: #53657d;
    font-weight: 400;
}

.wup-public-v553 .wup-lens-heading h2 em {
    position: relative;
    display: inline-block;
    margin: 2px 4px;
    padding: 2px 11px 4px;
    color: #ffffff;
    font-style: normal;
    background: linear-gradient(
        105deg,
        var(--wup-lens-blue-dark),
        var(--wup-lens-blue) 56%,
        var(--wup-lens-cyan)
    );
    border-radius: 10px 10px 10px 3px;
    box-shadow: 0 11px 27px rgba(22, 104, 255, 0.2);
    transform: rotate(-0.6deg);
}

.wup-public-v553 .wup-lens-heading h2 em::after {
    content: "";
    position: absolute;
    top: -6px;
    right: -7px;
    width: 11px;
    height: 11px;
    background: var(--wup-lens-gold);
    border: 3px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0 5px 13px rgba(255, 182, 41, 0.34);
}

.wup-public-v553 .wup-lens-heading > p {
    max-width: 640px;
    margin: 10px auto 0;
    color: var(--wup-lens-muted);
    font-size: 15px;
    line-height: 1.4;
}

.wup-public-v553 .wup-lens-topics {
    position: relative;
    z-index: 3;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: max-content;
    max-width: 100%;
    gap: 2px;
    margin: 18px auto 13px;
    padding: 5px;
    background: #edf3fa;
    border: 1px solid #e1e9f3;
    border-radius: 15px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.wup-public-v553 .wup-lens-topic {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 5px 12px;
    overflow: hidden;
    color: #64738a;
    background: transparent;
    border: 0;
    border-radius: 11px;
    cursor: pointer;
    transition:
        color 0.25s ease,
        background 0.25s ease,
        box-shadow 0.25s ease;
}

.wup-public-v553 .wup-lens-topic > i {
    display: inline-flex;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    color: #41627f;
    background: linear-gradient(145deg, #ffffff, #e8f2ff);
    border: 1px solid rgba(175, 199, 226, 0.62);
    border-radius: 9px;
    box-shadow:
        0 5px 11px rgba(49, 78, 116, 0.11),
        inset 0 1px 0 #ffffff;
    transition:
        color 0.25s ease,
        background 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.wup-public-v553 .wup-lens-topic::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    background: linear-gradient(
        90deg,
        var(--wup-lens-blue),
        var(--wup-lens-cyan)
    );
    transform: scaleX(0);
    transform-origin: left;
}

.wup-public-v553 .wup-lens-topic.is-active {
    color: var(--wup-lens-blue-dark);
    background: #ffffff;
    box-shadow:
        0 7px 19px rgba(45, 76, 119, 0.14),
        0 0 0 1px rgba(22, 104, 255, 0.06);
}

.wup-public-v553 .wup-lens-topic.is-active > i {
    color: #ffffff;
    background: linear-gradient(
        135deg,
        var(--wup-lens-blue-dark),
        var(--wup-lens-blue) 55%,
        var(--wup-lens-cyan)
    );
    border-color: transparent;
    box-shadow:
        0 7px 17px rgba(22, 104, 255, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.wup-public-v553 .wup-lens-topic.is-active::after {
    animation: wup-lens-topic-progress 5.6s linear forwards;
}

.wup-public-v553 .wup-lens-topic:not(.is-active):hover {
    color: var(--wup-lens-ink);
    background: rgba(255, 255, 255, 0.52);
}

.wup-public-v553 .wup-lens-stage {
    position: relative;
    min-height: 372px;
    overflow: hidden;
    background:
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0) 49.8%,
            rgba(197, 214, 235, 0.32) 50%,
            rgba(255, 255, 255, 0) 50.2%
        ),
        radial-gradient(circle at 39% 50%, rgba(3, 191, 220, 0.17), transparent 19%),
        radial-gradient(circle at 11% 12%, rgba(255, 182, 41, 0.1), transparent 21%),
        linear-gradient(135deg, #fbfdff, #edf5ff 52%, #f9fcff);
    border: 1px solid #e1e9f4;
    border-radius: 20px;
}

.wup-public-v553 .wup-lens-stage-grid {
    position: absolute;
    inset: 0;
    opacity: 0.5;
    background-image: radial-gradient(rgba(119, 143, 178, 0.42) 1px, transparent 1px);
    background-size: 23px 23px;
    mask-image: linear-gradient(90deg, #000000, rgba(0, 0, 0, 0.75) 54%, transparent 83%);
    pointer-events: none;
}

.wup-public-v553 .wup-lens-stream-label {
    position: absolute;
    z-index: 5;
    top: 16px;
    left: 18px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #5f7088;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.wup-public-v553 .wup-lens-stream-label i {
    color: #229ed9;
    font-size: 15px;
}

.wup-public-v553 .wup-lens-stream-label b {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--wup-lens-green);
    box-shadow: 0 0 0 5px rgba(24, 169, 107, 0.1);
}

.wup-public-v553 .wup-lens-cloud {
    position: absolute;
    inset: 43px 48% 39px 16px;
}

.wup-public-v553 .wup-lens-bubble {
    position: absolute;
    z-index: 1;
    max-width: 215px;
    padding: 7px 10px;
    color: #718097;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(207, 220, 237, 0.86);
    border-radius: 12px 12px 12px 4px;
    box-shadow: 0 9px 28px rgba(44, 71, 110, 0.08);
    font-size: 10.5px;
    line-height: 1.3;
    backdrop-filter: blur(7px);
    animation: wup-lens-bubble-float 6s ease-in-out infinite;
}

.wup-public-v553 .wup-lens-bubble:nth-child(1) {
    top: 0;
    left: 0;
    opacity: 0.55;
    animation-delay: -1s;
}

.wup-public-v553 .wup-lens-bubble:nth-child(2) {
    top: 2%;
    right: 1%;
    animation-delay: -4.2s;
}

.wup-public-v553 .wup-lens-bubble:nth-child(3) {
    top: 25%;
    left: -1%;
    animation-delay: -2.7s;
}

.wup-public-v553 .wup-lens-bubble:nth-child(4) {
    top: 28%;
    right: -2%;
    opacity: 0.7;
    animation-delay: -0.7s;
}

.wup-public-v553 .wup-lens-bubble:nth-child(5) {
    bottom: 23%;
    left: 1%;
    opacity: 0.58;
    animation-delay: -3.6s;
}

.wup-public-v553 .wup-lens-bubble:nth-child(6) {
    right: 1%;
    bottom: 18%;
    animation-delay: -5s;
}

.wup-public-v553 .wup-lens-bubble:nth-child(7) {
    bottom: 0;
    left: 5%;
    opacity: 0.48;
    animation-delay: -2s;
}

.wup-public-v553 .wup-lens-bubble:nth-child(8) {
    right: 2%;
    bottom: -2%;
    opacity: 0.55;
    animation-delay: -4.6s;
}

.wup-public-v553 .wup-lens-bubble:nth-child(9) {
    top: 53%;
    left: -5%;
    opacity: 0.45;
    animation-delay: -1.4s;
}

.wup-public-v553 .wup-lens-bubble:nth-child(10) {
    top: 53%;
    right: -3%;
    opacity: 0.43;
    animation-delay: -3.1s;
}

.wup-public-v553 .wup-lens-bubble.is-signal {
    z-index: 3;
    top: 47%;
    left: 14%;
    max-width: 220px;
    color: #163352;
    border-color: rgba(22, 104, 255, 0.26);
    box-shadow:
        0 15px 38px rgba(22, 104, 255, 0.16),
        0 0 0 5px rgba(22, 104, 255, 0.045);
    font-weight: 700;
    animation: wup-lens-signal-breathe 2.8s ease-in-out infinite;
}

.wup-public-v553 .wup-lens-bubble.is-signal::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -6px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--wup-lens-blue);
    box-shadow: 0 0 18px rgba(22, 104, 255, 0.8);
    transform: translateY(-50%);
}

.wup-public-v553 .wup-lens-orbit {
    position: absolute;
    z-index: 6;
    top: 50%;
    left: 45%;
    width: 132px;
    height: 132px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.wup-public-v553 .wup-lens-orbit::before {
    content: "";
    position: absolute;
    inset: -18px;
    border: 1px dashed rgba(22, 104, 255, 0.23);
    border-radius: 50%;
    animation: wup-lens-orbit-spin 17s linear infinite;
}

.wup-public-v553 .wup-lens-orbit::after {
    content: "";
    position: absolute;
    inset: -6px;
    border: 1px solid rgba(3, 191, 220, 0.26);
    border-radius: 50%;
    box-shadow:
        0 0 0 14px rgba(22, 104, 255, 0.04),
        0 18px 42px rgba(22, 104, 255, 0.17);
}

.wup-public-v553 .wup-lens-disc {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.89);
    border: 1px solid rgba(255, 255, 255, 0.95);
    border-radius: 50%;
    backdrop-filter: blur(14px);
}

.wup-public-v553 .wup-lens-disc::before {
    content: "";
    position: absolute;
    inset: -45%;
    background: conic-gradient(
        from 25deg,
        transparent 0 72%,
        rgba(3, 191, 220, 0.12) 80%,
        rgba(22, 104, 255, 0.36) 96%,
        transparent 100%
    );
    animation: wup-lens-scan-spin 3.7s linear infinite;
}

.wup-public-v553 .wup-lens-disc::after {
    content: "";
    position: absolute;
    inset: 17px;
    background: #ffffff;
    border: 1px solid rgba(22, 104, 255, 0.14);
    border-radius: 50%;
}

.wup-public-v553 .wup-lens-core {
    position: relative;
    z-index: 2;
    display: grid;
    justify-items: center;
    text-align: center;
}

.wup-public-v553 .wup-lens-core-icon {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    color: #ffffff;
    background: linear-gradient(
        135deg,
        var(--wup-lens-blue),
        var(--wup-lens-cyan)
    );
    border-radius: 11px;
    box-shadow: 0 10px 24px rgba(22, 104, 255, 0.27);
    font-size: 16px;
}

.wup-public-v553 .wup-lens-core strong {
    margin-top: 5px;
    font-size: 16px;
    letter-spacing: 0.03em;
}

.wup-public-v553 .wup-lens-core small {
    margin-top: 1px;
    color: var(--wup-lens-green);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.wup-public-v553 .wup-lens-orbit-dot {
    position: absolute;
    z-index: 7;
    top: -23px;
    left: 50%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--wup-lens-gold);
    box-shadow:
        0 0 0 5px rgba(255, 182, 41, 0.14),
        0 0 18px rgba(255, 182, 41, 0.65);
    transform-origin: 0 89px;
    animation: wup-lens-orbit-dot 5s linear infinite;
}

.wup-public-v553 .wup-lens-connector {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 51.5%;
    width: 7%;
    height: 2px;
    background: linear-gradient(
        90deg,
        rgba(22, 104, 255, 0.45),
        var(--wup-lens-cyan)
    );
}

.wup-public-v553 .wup-lens-connector::before {
    content: "";
    position: absolute;
    inset: -8px 0;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(3, 191, 220, 0.12),
        transparent
    );
    filter: blur(5px);
}

.wup-public-v553 .wup-lens-connector::after {
    content: "";
    position: absolute;
    top: -4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--wup-lens-cyan);
    box-shadow: 0 0 18px rgba(3, 191, 220, 0.8);
    animation: wup-lens-connector-signal 1.7s ease-in-out infinite;
}

.wup-public-v553 .wup-lens-result {
    position: absolute;
    z-index: 7;
    top: 14px;
    right: 14px;
    bottom: 14px;
    width: 42%;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.97);
    border: 1px solid rgba(255, 255, 255, 0.98);
    border-radius: 18px;
    box-shadow:
        0 22px 54px rgba(26, 55, 98, 0.18),
        0 0 0 1px rgba(22, 104, 255, 0.04);
}

.wup-public-v553 .wup-lens-result-photo {
    position: relative;
    height: 65%;
    background-position: center;
    background-size: cover;
    transition: background-image 0.4s ease;
}

.wup-public-v553 .wup-lens-result-photo::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(7, 23, 50, 0.02),
        rgba(7, 23, 50, 0.55)
    );
}

.wup-public-v553 .wup-lens-found {
    position: absolute;
    z-index: 3;
    top: 16px;
    left: 16px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    color: #08794b;
    background: rgba(244, 255, 249, 0.94);
    border-radius: 9px;
    box-shadow: 0 8px 22px rgba(7, 55, 39, 0.16);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.035em;
}

.wup-public-v553 .wup-lens-found::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--wup-lens-green);
    box-shadow: 0 0 0 5px rgba(24, 169, 107, 0.12);
}

.wup-public-v553 .wup-lens-photo-category {
    position: absolute;
    z-index: 3;
    right: 16px;
    bottom: 13px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    text-shadow: 0 2px 9px rgba(0, 0, 0, 0.25);
}

.wup-public-v553 .wup-lens-result-body {
    display: flex;
    flex-direction: column;
    height: 35%;
    padding: 9px 14px;
}

.wup-public-v553 .wup-lens-result-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #69778d;
    font-size: 10.5px;
}

.wup-public-v553 .wup-lens-result-meta i {
    color: #229ed9;
}

.wup-public-v553 .wup-lens-result-meta time {
    margin-left: auto;
    color: #8d98aa;
}

.wup-public-v553 .wup-lens-result-message {
    display: -webkit-box;
    margin: 6px 0 4px;
    overflow: hidden;
    color: #10213a;
    font-size: clamp(13px, 1.45vw, 15px);
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -0.01em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.wup-public-v553 .wup-lens-recognized {
    position: absolute;
    z-index: 5;
    top: calc(65% - 29px);
    right: 12px;
    left: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.wup-public-v553 .wup-lens-recognized span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 6px;
    color: #526c88;
    background: rgba(255, 255, 255, 0.94);
    border-radius: 7px;
    box-shadow: 0 7px 19px rgba(17, 43, 76, 0.13);
    font-size: 10px;
    backdrop-filter: blur(8px);
}

.wup-public-v553 .wup-lens-recognized i {
    color: var(--wup-lens-blue);
    font-size: 9px;
}

.wup-public-v553 .wup-lens-result-footer {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    padding-top: 5px;
    color: var(--wup-lens-blue);
    border-top: 1px solid #eaf0f6;
    font-size: 10px;
    font-weight: 700;
}

.wup-public-v553 .wup-lens-result-footer > b {
    margin-left: auto;
    color: #718098;
    font-weight: 400;
}

.wup-public-v553 .wup-lens-flow {
    position: absolute;
    z-index: 8;
    bottom: 11px;
    left: 16px;
    display: flex;
    align-items: center;
    width: 44%;
    gap: 5px;
    padding: 6px 8px;
    color: #324b69;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(198, 214, 233, 0.82);
    border-radius: 11px;
    box-shadow: 0 10px 27px rgba(36, 65, 103, 0.12);
    font-size: 10.5px;
    font-weight: 700;
    backdrop-filter: blur(9px);
}

.wup-public-v553 .wup-lens-flow span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

.wup-public-v553 .wup-lens-flow span > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    color: var(--wup-lens-blue);
    background: #e9f2ff;
    border-radius: 6px;
}

.wup-public-v553 .wup-lens-flow span:nth-of-type(2) > i {
    color: #ffffff;
    background: linear-gradient(
        135deg,
        var(--wup-lens-blue),
        var(--wup-lens-cyan)
    );
    box-shadow: 0 5px 12px rgba(22, 104, 255, 0.2);
}

.wup-public-v553 .wup-lens-flow span:nth-of-type(3) > i {
    color: #b06a00;
    background: #fff2d1;
}

.wup-public-v553 .wup-lens-flow > i.fa-arrow-right {
    color: #aab7c9;
    font-size: 8px;
}

.wup-public-v553 .wup-lens-is-swapping {
    animation: wup-lens-content-enter 0.42s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

@keyframes wup-lens-live {
    0% {
        box-shadow: 0 0 0 0 rgba(24, 169, 107, 0.32);
    }

    70% {
        box-shadow: 0 0 0 7px rgba(24, 169, 107, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(24, 169, 107, 0);
    }
}

@keyframes wup-lens-topic-progress {
    from {
        transform: scaleX(0);
    }

    to {
        transform: scaleX(1);
    }
}

@keyframes wup-lens-bubble-float {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-7px);
    }
}

@keyframes wup-lens-signal-breathe {
    0%,
    100% {
        transform: translateY(-50%) scale(0.98);
    }

    50% {
        transform: translateY(-50%) scale(1.02);
    }
}

@keyframes wup-lens-orbit-spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes wup-lens-scan-spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes wup-lens-orbit-dot {
    to {
        transform: rotate(360deg);
    }
}

@keyframes wup-lens-connector-signal {
    from {
        left: 0;
    }

    to {
        left: calc(100% - 10px);
    }
}

@keyframes wup-lens-content-enter {
    from {
        opacity: 0.3;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@media (max-width: 800px) {
    .wup-public-v553 .wup-lens-section {
        padding: 42px 0;
    }

    .wup-public-v553 .wup-lens-heading h2 {
        font-size: 34px;
    }

    .wup-public-v553 .wup-lens-topics {
        justify-content: flex-start;
        flex-wrap: nowrap;
        width: 100%;
        overflow-x: auto;
        padding: 5px;
        scrollbar-width: thin;
        scroll-snap-type: x proximity;
    }

    .wup-public-v553 .wup-lens-topic {
        flex: 0 0 auto;
        scroll-snap-align: start;
    }

    .wup-public-v553 .wup-lens-stage {
        min-height: 680px;
    }

    .wup-public-v553 .wup-lens-cloud {
        inset: 43px 11px auto;
        height: 225px;
    }

    .wup-public-v553 .wup-lens-bubble {
        max-width: 190px;
    }

    .wup-public-v553 .wup-lens-bubble:nth-child(4),
    .wup-public-v553 .wup-lens-bubble:nth-child(5),
    .wup-public-v553 .wup-lens-bubble:nth-child(6),
    .wup-public-v553 .wup-lens-bubble:nth-child(7),
    .wup-public-v553 .wup-lens-bubble:nth-child(8),
    .wup-public-v553 .wup-lens-bubble:nth-child(9),
    .wup-public-v553 .wup-lens-bubble:nth-child(10) {
        display: none;
    }

    .wup-public-v553 .wup-lens-bubble.is-signal {
        top: 52%;
        left: 8%;
    }

    .wup-public-v553 .wup-lens-orbit {
        top: 218px;
        left: 50%;
        width: 112px;
        height: 112px;
    }

    .wup-public-v553 .wup-lens-orbit-dot {
        transform-origin: 0 82px;
    }

    .wup-public-v553 .wup-lens-core-icon {
        width: 34px;
        height: 34px;
    }

    .wup-public-v553 .wup-lens-core strong {
        font-size: 15px;
    }

    .wup-public-v553 .wup-lens-connector {
        top: 277px;
        left: 50%;
        width: 2px;
        height: 42px;
        background: linear-gradient(
            180deg,
            var(--wup-lens-blue),
            var(--wup-lens-cyan)
        );
    }

    .wup-public-v553 .wup-lens-connector::after {
        top: 0;
        left: -4px;
        animation: none;
    }

    .wup-public-v553 .wup-lens-result {
        top: 320px;
        right: 11px;
        bottom: 13px;
        left: 11px;
        width: auto;
    }

    .wup-public-v553 .wup-lens-result-photo {
        height: 65%;
    }

    .wup-public-v553 .wup-lens-result-body {
        height: 35%;
    }

    .wup-public-v553 .wup-lens-recognized {
        top: calc(65% - 29px);
    }

    .wup-public-v553 .wup-lens-flow {
        display: none;
    }
}

@media (max-width: 420px) {
    .wup-public-v553 .wup-lens-section {
        padding: 36px 0;
    }

    .wup-public-v553 .wup-lens-eyebrow {
        align-items: flex-start;
        flex-direction: column;
        width: max-content;
        margin-right: auto;
        margin-left: auto;
        letter-spacing: 0.07em;
    }

    .wup-public-v553 .wup-lens-heading h2 {
        font-size: 31px;
    }

    .wup-public-v553 .wup-lens-heading > p {
        font-size: 15px;
    }

    .wup-public-v553 .wup-lens-stage {
        min-height: 700px;
    }

    .wup-public-v553 .wup-lens-result-message {
        font-size: 14px;
    }

    .wup-public-v553 .wup-lens-result-footer > b {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wup-public-v553 .wup-lens-section *,
    .wup-public-v553 .wup-lens-section *::before,
    .wup-public-v553 .wup-lens-section *::after {
        animation: none;
        scroll-behavior: auto;
        transition: none;
    }
}




/* Sixth homepage block: WUP demand radar. */

.wup-definition-v6 {
    position: relative;
    overflow: hidden;
    padding: 54px 0;
    color: #f7f9ff;
    background:
        radial-gradient(circle at 13% 30%, rgba(0, 203, 229, 0.18), transparent 27%),
        radial-gradient(circle at 80% 3%, rgba(116, 84, 255, 0.25), transparent 31%),
        linear-gradient(135deg, #07152e 0%, #111f47 57%, #201750 100%);
    isolation: isolate;
}

.wup-definition-v6::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    content: "";
    opacity: 0.12;
    background-image: radial-gradient(rgba(196, 216, 255, 0.9) 1px, transparent 1px);
    background-size: 24px 24px;
    -webkit-mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.7) 50%, transparent 86%);
    mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.7) 50%, transparent 86%);
}

.wup-definition-v6 *,
.wup-definition-v6 *::before,
.wup-definition-v6 *::after {
    box-sizing: border-box;
}

.wup-definition-v6 .wup-definition-v6-main {
    display: grid;
    grid-template-columns: minmax(0, 1.03fr) minmax(340px, 0.97fr);
    gap: 34px;
    align-items: center;
}

/* Animated Telegram signal field. */

.wup-definition-v6 .wup-definition-v6-stage {
    position: relative;
    min-height: 390px;
    overflow: hidden;
    border: 1px solid rgba(151, 196, 255, 0.11);
    border-radius: 22px;
    background: rgba(4, 15, 40, 0.28);
    box-shadow: inset 0 0 46px rgba(4, 16, 46, 0.28);
}

.wup-definition-v6 .wup-definition-v6-caption {
    position: absolute;
    z-index: 8;
    right: 13px;
    bottom: 13px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 9px;
    color: rgba(212, 229, 255, 0.72);
    border: 1px solid rgba(152, 190, 255, 0.12);
    border-radius: 8px;
    background: rgba(8, 24, 57, 0.72);
    font-size: 11px;
    letter-spacing: 0.02em;
    backdrop-filter: blur(8px);
}

.wup-definition-v6 .wup-definition-v6-caption span {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #24d69b;
    box-shadow: 0 0 10px rgba(36, 214, 155, 0.8);
}

.wup-definition-v6 .wup-definition-v6-ring,
.wup-definition-v6 .wup-definition-v6-ring::before,
.wup-definition-v6 .wup-definition-v6-ring::after {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(98, 189, 255, 0.19);
    border-radius: 50%;
    content: "";
    transform: translate(-50%, -50%);
}

.wup-definition-v6 .wup-definition-v6-ring {
    width: 264px;
    height: 264px;
}

.wup-definition-v6 .wup-definition-v6-ring::before {
    width: 188px;
    height: 188px;
    border-style: dashed;
    border-color: rgba(8, 210, 229, 0.28);
    animation: wup-definition-v6-ring-spin 17s linear infinite;
}

.wup-definition-v6 .wup-definition-v6-ring::after {
    width: 112px;
    height: 112px;
    border-color: rgba(163, 139, 255, 0.28);
}

.wup-definition-v6 .wup-definition-v6-sweep {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 250px;
    overflow: hidden;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.wup-definition-v6 .wup-definition-v6-sweep::before {
    position: absolute;
    inset: 0;
    content: "";
    background: conic-gradient(
        from 10deg,
        transparent 0deg,
        transparent 295deg,
        rgba(2, 197, 223, 0.03) 315deg,
        rgba(2, 197, 223, 0.33) 360deg
    );
    animation: wup-definition-v6-sweep 5.2s linear infinite;
}

.wup-definition-v6 .wup-definition-v6-core {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    display: grid;
    place-items: center;
    width: 92px;
    height: 92px;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.44);
    border-radius: 28px;
    background: linear-gradient(145deg, #256cff, #00bfd9);
    box-shadow:
        0 0 0 13px rgba(41, 114, 255, 0.08),
        0 22px 50px rgba(0, 105, 255, 0.38);
    transform: translate(-50%, -50%) rotate(-4deg);
}

.wup-definition-v6 .wup-definition-v6-core i {
    font-size: 25px;
}

.wup-definition-v6 .wup-definition-v6-core b {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.08em;
}

.wup-definition-v6 .wup-definition-v6-core::after {
    position: absolute;
    inset: -18px;
    border: 1px solid rgba(2, 197, 223, 0.38);
    border-radius: 36px;
    content: "";
    animation: wup-definition-v6-core-pulse 2.5s ease-out infinite;
}

/* Floating messages: main, softened and background states. */

.wup-definition-v6 .wup-definition-v6-message {
    position: absolute;
    z-index: 3;
    width: min(224px, 52%);
    margin: 0;
    padding: 9px 11px;
    color: #182a49;
    border: 1px solid rgba(255, 255, 255, 0.65);
    border-radius: 12px 12px 12px 4px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 14px 36px rgba(0, 8, 30, 0.27);
    transition:
        opacity 0.25s ease,
        transform 0.25s ease;
    animation: wup-definition-v6-message-float 6s ease-in-out infinite;
    backdrop-filter: blur(9px);
}

.wup-definition-v6 .wup-definition-v6-message.is-changing {
    opacity: 0;
    transform: translateY(7px) scale(0.98);
}

.wup-definition-v6 .wup-definition-v6-message.is-soft {
    z-index: 2;
    color: rgba(209, 225, 250, 0.78);
    border-color: rgba(142, 183, 243, 0.13);
    background: rgba(23, 43, 84, 0.68);
    box-shadow: none;
    opacity: 0.55;
}

.wup-definition-v6 .wup-definition-v6-message.is-faint {
    z-index: 1;
    color: rgba(202, 220, 248, 0.62);
    border-color: rgba(142, 183, 243, 0.09);
    background: rgba(20, 40, 80, 0.46);
    box-shadow: none;
    opacity: 0.3;
    filter: blur(0.2px);
}

.wup-definition-v6 .wup-definition-v6-message small {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 4px;
    color: #357699;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.wup-definition-v6 .wup-definition-v6-message.is-soft small,
.wup-definition-v6 .wup-definition-v6-message.is-faint small {
    color: rgba(92, 200, 231, 0.84);
}

.wup-definition-v6 .wup-definition-v6-message p {
    margin: 0;
    font-size: 11px;
    line-height: 1.28;
}

.wup-definition-v6 .wup-definition-v6-message.position-1 {
    top: 18px;
    left: 16px;
    animation-delay: -1.1s;
}

.wup-definition-v6 .wup-definition-v6-message.position-2 {
    top: 28px;
    right: 15px;
    width: 180px;
    animation-delay: -3.4s;
}

.wup-definition-v6 .wup-definition-v6-message.position-3 {
    top: 123px;
    left: -18px;
    width: 185px;
    animation-delay: -4.7s;
}

.wup-definition-v6 .wup-definition-v6-message.position-4 {
    top: 112px;
    right: -24px;
    width: 190px;
    animation-delay: -2.1s;
}

.wup-definition-v6 .wup-definition-v6-message.position-5 {
    bottom: 82px;
    left: 17px;
    width: 210px;
    animation-delay: -5.2s;
}

.wup-definition-v6 .wup-definition-v6-message.position-6 {
    right: 10px;
    bottom: 80px;
    width: 205px;
    animation-delay: -0.6s;
}

.wup-definition-v6 .wup-definition-v6-message.position-7 {
    bottom: 17px;
    left: 94px;
    width: 190px;
    animation-delay: -3s;
}

.wup-definition-v6 .wup-definition-v6-message.position-8 {
    right: 55px;
    bottom: 12px;
    width: 175px;
    animation-delay: -4.1s;
}

/* Copy column. */

.wup-definition-v6 .wup-definition-v6-copy {
    position: relative;
    z-index: 3;
}

.wup-definition-v6 .wup-definition-v6-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    color: #78e1f1;
    border: 1px solid rgba(93, 217, 236, 0.17);
    border-radius: 9px;
    background: rgba(2, 197, 223, 0.08);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.wup-definition-v6 .wup-definition-v6-kicker::before {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #18d693;
    box-shadow:
        0 0 0 5px rgba(24, 214, 147, 0.1),
        0 0 16px rgba(24, 214, 147, 0.65);
    content: "";
}

.wup-definition-v6 .wup-definition-v6-copy h2 {
    max-width: 570px;
    margin: 13px 0 0;
    color: #f7f9ff;
    font-size: clamp(30px, 4vw, 47px);
    font-weight: 500;
    line-height: 1.02;
    letter-spacing: -0.035em;
}

.wup-definition-v6 .wup-definition-v6-copy h2 em {
    color: #73e1f2;
    font-style: normal;
}

.wup-definition-v6 .wup-definition-v6-comment {
    position: relative;

    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    align-items: center;

    max-width: 590px;
    margin-top: 18px;
    padding: 13px 16px 13px 13px;

    border: 1px solid rgba(255, 255, 255, 0.74);
    border-radius: 15px;

    background:
        linear-gradient(
            115deg,
            rgba(255, 255, 255, 0.97),
            rgba(226, 247, 255, 0.94)
        );

    box-shadow:
        0 18px 42px rgba(0, 7, 28, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.92);

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.wup-definition-v6 .wup-definition-v6-comment::after {
    position: absolute;
    bottom: -8px;
    left: 24px;

    width: 16px;
    height: 16px;

    border-right: 1px solid rgba(255, 255, 255, 0.74);
    border-bottom: 1px solid rgba(255, 255, 255, 0.74);
    background: #eefaff;

    content: "";
    transform: rotate(45deg);
}

.wup-definition-v6 .wup-definition-v6-comment-icon {
    position: relative;
    z-index: 2;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 44px;
    height: 44px;

    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 14px;

    background:
        linear-gradient(
            145deg,
            #1768ff 0%,
            #6848ef 100%
        );

    box-shadow:
        0 8px 20px rgba(73, 75, 225, 0.28),
        0 0 0 5px rgba(77, 105, 238, 0.08);
}

.wup-definition-v6 .wup-definition-v6-comment-icon::after {
    position: absolute;
    top: -3px;
    right: -3px;

    width: 8px;
    height: 8px;

    border: 2px solid #eefaff;
    border-radius: 50%;
    background: #20c997;

    content: "";
    box-shadow: 0 0 9px rgba(32, 201, 151, 0.65);
}

.wup-definition-v6 .wup-definition-v6-comment-icon i {
    font-size: 17px;
}

.wup-definition-v6 .wup-definition-v6-comment-content {
    min-width: 0;
}

.wup-definition-v6 .wup-definition-v6-comment-label {
    display: block;
    margin-bottom: 3px;

    color: #527b98;

    font-size: 10px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}

.wup-definition-v6 .wup-definition-v6-description {
    max-width: none;
    margin: 0;
    padding: 0;

    color: #174f91;
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;

    font-size: 14px;
    font-weight: 500;
    line-height: 1.42;
}

.wup-definition-v6 .wup-definition-v6-description::before,
.wup-definition-v6 .wup-definition-v6-description::after {
    display: none;
}

@media (max-width: 575.98px) {
    .wup-definition-v6 .wup-definition-v6-comment {
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 10px;

        margin-top: 15px;
        padding: 11px 12px 11px 10px;
        border-radius: 13px;
    }

    .wup-definition-v6 .wup-definition-v6-comment-icon {
        width: 38px;
        height: 38px;
        border-radius: 12px;
    }

    .wup-definition-v6 .wup-definition-v6-comment-icon i {
        font-size: 15px;
    }

    .wup-definition-v6 .wup-definition-v6-description {
        font-size: 13px;
        line-height: 1.4;
    }
}

.wup-definition-v6 .wup-definition-v6-result {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    margin-top: 18px;
    padding: 10px;
    color: #dce7f8;
    border: 1px solid rgba(155, 190, 255, 0.12);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.055);
}

.wup-definition-v6 .wup-definition-v6-result > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    color: #ffd36a;
    border-radius: 11px;
    background: rgba(255, 189, 56, 0.1);
}

.wup-definition-v6 .wup-definition-v6-result strong {
    display: block;
    font-size: 13px;
    font-weight: 500;
}

.wup-definition-v6 .wup-definition-v6-result span {
    display: block;
    margin-top: 2px;
    color: #92a5c3;
    font-size: 11px;
}

/* Full monitoring cycle. */

.wup-definition-v6 .wup-definition-v6-cycle {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin-top: 26px;
    padding-top: 25px;
    border-top: 1px solid rgba(170, 198, 247, 0.11);
}

.wup-definition-v6 .wup-definition-v6-step {
    position: relative;
    min-height: 122px;
    margin: 0;
    padding: 12px;
    border: 1px solid rgba(177, 204, 255, 0.11);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.05);
}

.wup-definition-v6 .wup-definition-v6-step:not(:last-child)::after {
    position: absolute;
    z-index: 5;
    top: 50%;
    right: -19px;
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    color: #65dced;
    border: 1px solid rgba(101, 220, 237, 0.24);
    border-radius: 50%;
    background: #132349;
    content: "\f061";
    font-family: "Font Awesome 5 Pro";
    font-size: 9px;
    font-weight: 900;
    transform: translateY(-50%);
}

.wup-definition-v6 .wup-definition-v6-step-head {
    display: flex;
    align-items: center;
    gap: 8px;
}

.wup-definition-v6 .wup-definition-v6-step-head > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: #77e3f2;
    border-radius: 10px;
    background: rgba(2, 197, 223, 0.1);
}

.wup-definition-v6 .wup-definition-v6-step:nth-child(2) .wup-definition-v6-step-head > i,
.wup-definition-v6 .wup-definition-v6-step:nth-child(3) .wup-definition-v6-step-head > i {
    color: #b9aaff;
    background: rgba(116, 84, 255, 0.12);
}

.wup-definition-v6 .wup-definition-v6-step:nth-child(4) .wup-definition-v6-step-head > i {
    color: #70e4b2;
    background: rgba(25, 180, 119, 0.12);
}

.wup-definition-v6 .wup-definition-v6-step:nth-child(5) .wup-definition-v6-step-head > i {
    color: #ffd36a;
    background: rgba(255, 189, 56, 0.11);
}

.wup-definition-v6 .wup-definition-v6-step-head span {
    margin-left: auto;
    color: #6f82a1;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.wup-definition-v6 .wup-definition-v6-step h3 {
    margin: 10px 0 0;
    color: #f4f7ff;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.18;
}

.wup-definition-v6 .wup-definition-v6-step p {
    margin: 5px 0 0;
    color: #8fa2bf;
    font-size: 11px;
    line-height: 1.3;
}

.wup-definition-v6 .wup-definition-v6-message-pool {
    display: none;
}

@keyframes wup-definition-v6-ring-spin {
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes wup-definition-v6-sweep {
    to {
        transform: rotate(360deg);
    }
}

@keyframes wup-definition-v6-core-pulse {
    from {
        opacity: 0.78;
        transform: scale(0.84);
    }

    to {
        opacity: 0;
        transform: scale(1.16);
    }
}

@keyframes wup-definition-v6-message-float {
    0%,
    100% {
        margin-top: 0;
    }

    50% {
        margin-top: -7px;
    }
}

@media (max-width: 991.98px) {
    .wup-definition-v6 .wup-definition-v6-main {
        grid-template-columns: 1fr;
    }

    .wup-definition-v6 .wup-definition-v6-copy {
        order: -1;
    }

    .wup-definition-v6 .wup-definition-v6-cycle {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .wup-definition-v6 .wup-definition-v6-step:nth-child(3)::after {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .wup-definition-v6 {
        padding: 38px 0;
    }

    .wup-definition-v6 .wup-definition-v6-main {
        gap: 22px;
    }

    .wup-definition-v6 .wup-definition-v6-copy h2 {
        font-size: 24px;
    }

    .wup-definition-v6 .wup-definition-v6-stage {
        min-height: 420px;
        border-radius: 18px;
    }

    .wup-definition-v6 .wup-definition-v6-ring {
        width: 220px;
        height: 220px;
    }

    .wup-definition-v6 .wup-definition-v6-ring::before {
        width: 158px;
        height: 158px;
    }

    .wup-definition-v6 .wup-definition-v6-ring::after {
        width: 96px;
        height: 96px;
    }

    .wup-definition-v6 .wup-definition-v6-sweep {
        width: 208px;
        height: 208px;
    }

    .wup-definition-v6 .wup-definition-v6-message {
        width: 48%;
    }

    .wup-definition-v6 .wup-definition-v6-message.position-1,
    .wup-definition-v6 .wup-definition-v6-message.position-5 {
        left: 8px;
    }

    .wup-definition-v6 .wup-definition-v6-message.position-2,
    .wup-definition-v6 .wup-definition-v6-message.position-6 {
        right: 8px;
    }

    .wup-definition-v6 .wup-definition-v6-message.position-3,
    .wup-definition-v6 .wup-definition-v6-message.position-4,
    .wup-definition-v6 .wup-definition-v6-message.position-7,
    .wup-definition-v6 .wup-definition-v6-message.position-8 {
        display: none;
    }

    .wup-definition-v6 .wup-definition-v6-caption {
        right: 8px;
        bottom: 8px;
        left: 8px;
        justify-content: center;
        text-align: center;
    }

    .wup-definition-v6 .wup-definition-v6-cycle {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .wup-definition-v6 .wup-definition-v6-step {
        min-height: 0;
        padding: 11px 12px;
    }

    .wup-definition-v6 .wup-definition-v6-step:not(:last-child)::after,
    .wup-definition-v6 .wup-definition-v6-step:nth-child(3)::after {
        top: auto;
        right: 18px;
        bottom: -17px;
        display: grid;
        transform: rotate(90deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .wup-definition-v6 *,
    .wup-definition-v6 *::before,
    .wup-definition-v6 *::after {
        animation: none;
        transition: none;
    }
}



/* Seventh homepage block: animated chain of rings. */

.wup-story-section.is-how.wup-how-v7 {
    position: relative;
    overflow: hidden;
    padding: 54px 0;
    color: #122442;
    background:
        radial-gradient(circle at 7% 8%, rgba(2, 197, 223, 0.12), transparent 23%),
        radial-gradient(circle at 92% 6%, rgba(116, 84, 255, 0.12), transparent 22%),
        linear-gradient(140deg, #ffffff, #f4f8ff 58%, #fbfdff);
    isolation: isolate;
}

.wup-story-section.is-how.wup-how-v7::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    content: "";
    opacity: 0.3;
    background-image: radial-gradient(#b9cae1 0.8px, transparent 0.8px);
    background-size: 19px 19px;
    -webkit-mask-image: linear-gradient(
        90deg,
        transparent,
        #000 25%,
        #000 75%,
        transparent
    );
    mask-image: linear-gradient(
        90deg,
        transparent,
        #000 25%,
        #000 75%,
        transparent
    );
}

.wup-how-v7 *,
.wup-how-v7 *::before,
.wup-how-v7 *::after {
    box-sizing: border-box;
}

/* Centered heading. */

.wup-how-v7 .wup-how-v7-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 790px;
    margin: 0 auto;
    text-align: center;
}

.wup-how-v7 .wup-how-v7-kicker {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 10px;
    color: #1768ff;
    border: 1px solid rgba(23, 104, 255, 0.12);
    border-radius: 10px;
    background: rgba(234, 242, 255, 0.76);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.wup-how-v7 .wup-how-v7-kicker::before {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #19b477;
    content: "";
    box-shadow:
        0 0 0 5px rgba(25, 180, 119, 0.09),
        0 0 13px rgba(25, 180, 119, 0.45);
}

.wup-how-v7 .wup-how-v7-title {
    position: relative;
    max-width: 690px;
    margin: 10px 0 0;
    padding-bottom: 13px;
    color: #102344;
    font-size: clamp(28px, 3.2vw, 40px);
    font-weight: 500;
    line-height: 1.03;
    letter-spacing: -0.035em;
}

.wup-how-v7 .wup-how-v7-title span {
    color: #1768ff;
    background: linear-gradient(90deg, #1768ff, #6452ef);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.wup-how-v7 .wup-how-v7-title::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 74px;
    height: 3px;
    border-radius: 3px;
    background: linear-gradient(90deg, #02c5df, #1768ff, #7454ff);
    content: "";
    transform: translateX(-50%);
    box-shadow: 0 4px 13px rgba(23, 104, 255, 0.2);
}

.wup-how-v7 .wup-how-v7-intro {
    display: inline-block;
    align-items: center;
    justify-content: center;
    gap: 7px;
    max-width: 610px;
    margin: 12px 0 0;
    padding: 8px 12px;
    color: #6b7d92;
    border: 1px solid rgba(206, 220, 235, 0.92);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 9px 24px rgba(35, 68, 109, 0.06);
    font-size: 13px;
    line-height: 1.42;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.wup-how-v7 .wup-how-v7-intro i {
    color: #19a672;
    font-size: 12px;
}

/* Animated ring chain. */

.wup-how-v7 .wup-how-v7-chain {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 210px);
    gap: clamp(38px, 6vw, 72px);
    justify-content: center;
    align-items: center;
    margin: 25px 0 0;
    padding: 7px 0 13px;
    list-style: none;
}

.wup-how-v7 .wup-how-v7-step {
    position: relative;
    z-index: 3;
    width: 210px;
    height: 210px;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    animation: wup-how-v7-float 5.7s ease-in-out infinite;
}

.wup-how-v7 .wup-how-v7-step:nth-child(2) {
    animation-delay: -3.8s;
}

.wup-how-v7 .wup-how-v7-step:nth-child(3) {
    animation-delay: -1.9s;
}

.wup-how-v7 .wup-how-v7-step::before {
    position: absolute;
    z-index: 1;
    inset: 0;
    border-radius: 50%;
    content: "";
    background: conic-gradient(
        from 20deg,
        rgba(2, 197, 223, 0.09) 0deg,
        rgba(2, 197, 223, 0.09) 248deg,
        #02c5df 280deg,
        #1768ff 335deg,
        rgba(2, 197, 223, 0.09) 360deg
    );
    -webkit-mask: radial-gradient(circle, transparent 63%, #000 65%);
    mask: radial-gradient(circle, transparent 63%, #000 65%);
    animation: wup-how-v7-ring-spin 9s linear infinite;
}

.wup-how-v7 .wup-how-v7-step:nth-child(2)::before {
    background: conic-gradient(
        from 20deg,
        rgba(23, 104, 255, 0.09) 0deg,
        rgba(23, 104, 255, 0.09) 248deg,
        #1768ff 280deg,
        #7454ff 335deg,
        rgba(23, 104, 255, 0.09) 360deg
    );
    animation-duration: 10.5s;
    animation-direction: reverse;
}

.wup-how-v7 .wup-how-v7-step:nth-child(3)::before {
    background: conic-gradient(
        from 20deg,
        rgba(116, 84, 255, 0.09) 0deg,
        rgba(116, 84, 255, 0.09) 248deg,
        #7454ff 280deg,
        #ed5dae 335deg,
        rgba(116, 84, 255, 0.09) 360deg
    );
    animation-duration: 8.5s;
}

.wup-how-v7 .wup-how-v7-step::after {
    position: absolute;
    z-index: 0;
    inset: 11px;
    border: 1px solid rgba(23, 104, 255, 0.09);
    border-radius: 50%;
    content: "";
    box-shadow: 0 15px 42px rgba(30, 67, 112, 0.12);
    animation: wup-how-v7-halo 3.4s ease-out infinite;
}

.wup-how-v7 .wup-how-v7-step:nth-child(2)::after {
    animation-delay: -2.2s;
}

.wup-how-v7 .wup-how-v7-step:nth-child(3)::after {
    animation-delay: -1.1s;
}

.wup-how-v7 .wup-how-v7-ring-content {
    position: absolute;
    z-index: 2;
    inset: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.92);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: inset 0 0 0 1px rgba(217, 228, 240, 0.8);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition:
        box-shadow 0.3s ease,
        transform 0.3s ease;
}

.wup-how-v7 .wup-how-v7-step.is-active .wup-how-v7-ring-content {
    box-shadow:
        inset 0 0 0 1px rgba(23, 104, 255, 0.13),
        0 15px 38px rgba(23, 104, 255, 0.15);
    transform: scale(1.025);
}

.wup-how-v7 .wup-how-v7-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.75);
    border-radius: 50%;
    background: linear-gradient(145deg, #02bdd7, #1768ff);
    box-shadow:
        0 9px 20px rgba(23, 104, 255, 0.22),
        0 0 0 7px rgba(2, 197, 223, 0.06);
}

.wup-how-v7 .wup-how-v7-step:nth-child(2) .wup-how-v7-icon {
    background: linear-gradient(145deg, #1768ff, #7454ff);
    box-shadow:
        0 9px 20px rgba(76, 79, 228, 0.22),
        0 0 0 7px rgba(23, 104, 255, 0.06);
}

.wup-how-v7 .wup-how-v7-step:nth-child(3) .wup-how-v7-icon {
    background: linear-gradient(145deg, #7454ff, #ed5dae);
    box-shadow:
        0 9px 20px rgba(145, 75, 212, 0.22),
        0 0 0 7px rgba(116, 84, 255, 0.06);
}

.wup-how-v7 .wup-how-v7-step.is-active .wup-how-v7-icon {
    animation: wup-how-v7-icon-pulse 1.25s ease-in-out infinite;
}

.wup-how-v7 .wup-how-v7-step-label {
    margin-top: 12px;
    color: #1768ff;
    font-size: 8px;
    font-weight: 500;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.wup-how-v7 .wup-how-v7-ring-content h3 {
    margin: 3px 0 0;
    color: #17304f;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.12;
}

.wup-how-v7 .wup-how-v7-ring-content > p {
    margin: 6px 0 0;
    color: #718197;
    font-size: 9px;
    line-height: 1.3;
}

.wup-how-v7 .wup-how-v7-state {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 8px;
    padding: 4px 6px;
    color: #168b62;
    border-radius: 7px;
    background: #eaf8f2;
    font-size: 8px;
    font-weight: 500;
}

.wup-how-v7 .wup-how-v7-state i {
    font-size: 7px;
}

/* Moving signal between the rings. */

.wup-how-v7 .wup-how-v7-link {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: calc(100% + 8px);
    width: calc(clamp(38px, 6vw, 72px) - 16px);
    height: 2px;
    overflow: hidden;
    border-radius: 2px;
    background: linear-gradient(
        90deg,
        rgba(2, 197, 223, 0.18),
        rgba(23, 104, 255, 0.35),
        rgba(116, 84, 255, 0.18)
    );
    transform: translateY(-50%);
}

.wup-how-v7 .wup-how-v7-link::after {
    position: absolute;
    top: -3px;
    left: 0;
    width: 8px;
    height: 8px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    background: #1768ff;
    content: "";
    box-shadow: 0 0 13px rgba(23, 104, 255, 0.65);
    animation: wup-how-v7-link-signal 2.2s ease-in-out infinite;
}

.wup-how-v7 .wup-how-v7-step:nth-child(2) .wup-how-v7-link::after {
    animation-delay: -1.1s;
}

/* Bottom explanatory strip. */

.wup-how-v7 .wup-how-v7-footer {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 5px;
    padding: 8px 10px;
    color: #60738b;
    border: 1px solid rgba(211, 223, 236, 0.9);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.72);
    font-size: 10px;
}

.wup-how-v7 .wup-how-v7-footer > i {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    color: #1768ff;
    border-radius: 50%;
    background: #eaf2ff;
    animation: wup-how-v7-sync 8s linear infinite;
}

.wup-how-v7 .wup-how-v7-footer-points {
    display: flex;
    gap: 8px;
    margin-left: auto;
}

.wup-how-v7 .wup-how-v7-footer-points span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #55718c;
}

.wup-how-v7 .wup-how-v7-footer-points i {
    color: #19a672;
    font-size: 8px;
}

@keyframes wup-how-v7-ring-spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes wup-how-v7-halo {
    0% {
        box-shadow: 0 0 0 0 rgba(23, 104, 255, 0.12);
    }

    70% {
        box-shadow: 0 0 0 12px rgba(23, 104, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(23, 104, 255, 0);
    }
}

@keyframes wup-how-v7-float {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }
}

@keyframes wup-how-v7-icon-pulse {
    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.09);
    }
}

@keyframes wup-how-v7-link-signal {
    0% {
        left: 0;
        opacity: 0;
    }

    18%,
    82% {
        opacity: 1;
    }

    100% {
        left: calc(100% - 8px);
        opacity: 0;
    }
}

@keyframes wup-how-v7-sync {
    to {
        transform: rotate(360deg);
    }
}

@keyframes wup-how-v7-link-signal-mobile {
    0% {
        top: 0;
        opacity: 0;
    }

    18%,
    82% {
        opacity: 1;
    }

    100% {
        top: calc(100% - 8px);
        opacity: 0;
    }
}

@media (max-width: 767.98px) {
    .wup-story-section.is-how.wup-how-v7 {
        padding: 40px 0;
    }

    .wup-how-v7 .wup-how-v7-heading {
        max-width: none;
    }

    .wup-how-v7 .wup-how-v7-title {
        font-size: 32px;
    }

    .wup-how-v7 .wup-how-v7-intro {
        align-items: flex-start;
        font-size: 12px;
    }

    .wup-how-v7 .wup-how-v7-chain {
        grid-template-columns: 210px;
        gap: 32px;
    }

    .wup-how-v7 .wup-how-v7-link {
        top: calc(100% + 7px);
        left: 50%;
        width: 2px;
        height: 34px;
        transform: translateX(-50%);
    }

    .wup-how-v7 .wup-how-v7-link::after {
        top: 0;
        left: -3px;
        animation-name: wup-how-v7-link-signal-mobile;
    }

    .wup-how-v7 .wup-how-v7-footer {
        align-items: flex-start;
    }

    .wup-how-v7 .wup-how-v7-footer-points {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wup-how-v7 *,
    .wup-how-v7 *::before,
    .wup-how-v7 *::after {
        animation: none;
        transition: none;
    }
}


/* Eighth homepage block: animated demand matrix and lead carousel. */

.wup-public-v553 .wup-story-section.is-filter-story.wup-filter-v8 {
    position: relative;
    overflow: hidden;
    padding: 54px 0;
    color: #f6f9ff;
    background:
        radial-gradient(circle at 100% 0%, rgba(237, 93, 174, 0.16), transparent 24%),
        radial-gradient(circle at 0% 100%, rgba(2, 197, 223, 0.18), transparent 27%),
        linear-gradient(135deg, #07142d, #111e40 55%, #241641);
    isolation: isolate;
}

.wup-public-v553 .wup-story-section.is-filter-story.wup-filter-v8::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    content: "";
    opacity: 0.13;
    background-image: radial-gradient(#9db6df 0.8px, transparent 0.8px);
    background-size: 19px 19px;
    -webkit-mask-image: linear-gradient(
        90deg,
        transparent,
        #000 20%,
        #000 80%,
        transparent
    );
    mask-image: linear-gradient(
        90deg,
        transparent,
        #000 20%,
        #000 80%,
        transparent
    );
}

.wup-public-v553 .wup-filter-v8 *,
.wup-public-v553 .wup-filter-v8 *::before,
.wup-public-v553 .wup-filter-v8 *::after {
    box-sizing: border-box;
}

/* Centered heading. */

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-kicker {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 10px;
    color: #72dfef;
    border: 1px solid rgba(114, 223, 239, 0.14);
    border-radius: 10px;
    background: rgba(2, 197, 223, 0.07);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-kicker::before {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #20d39a;
    content: "";
    box-shadow:
        0 0 0 5px rgba(32, 211, 154, 0.08),
        0 0 14px rgba(32, 211, 154, 0.55);
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-title {
    position: relative;
    max-width: 790px;
    margin: 10px 0 0;
    padding-bottom: 13px;
    color: #f8faff;
    font-size: clamp(29px, 3.4vw, 42px);
    font-weight: 500;
    line-height: 1.02;
    letter-spacing: -0.035em;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-title span {
    color: #67ddec;
    background: linear-gradient(90deg, #67ddec, #68a4ff, #b293ff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-title::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 82px;
    height: 3px;
    border-radius: 3px;
    background: linear-gradient(90deg, #02c5df, #1768ff, #7454ff, #ed5dae);
    content: "";
    transform: translateX(-50%);
    box-shadow: 0 4px 15px rgba(23, 104, 255, 0.28);
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-subtitle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    max-width: 700px;
    margin: 12px 0 0;
    padding: 8px 11px;
    color: #b8c8dd;
    border: 1px solid rgba(157, 190, 237, 0.1);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.045);
    font-size: 12px;
    line-height: 1.4;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-subtitle i {
    color: #6ce0ae;
}

/* Main matrix and carousel layout. */

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr);
    gap: 13px;
    margin-top: 21px;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-matrix-panel,
.wup-public-v553 .wup-filter-v8 .wup-filter-v8-result-panel {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(145, 180, 231, 0.1);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.042);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-panel-head {
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 38px;
    padding: 0 10px;
    color: #8da3c1;
    border-bottom: 1px solid rgba(145, 180, 231, 0.08);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-panel-head > i {
    color: #67d9e9;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-panel-head strong {
    margin-left: auto;
    color: #e4edfb;
    font-weight: 500;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-live-state {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-left: auto;
    color: #6ce0ae;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-live-state::before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #20d39a;
    content: "";
    box-shadow: 0 0 0 4px rgba(32, 211, 154, 0.08);
    animation: wup-filter-v8-live 1.8s ease-out infinite;
}

/* Continuously updated message matrix. */

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
    padding: 9px;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-cell {
    position: relative;
    min-height: 78px;
    margin: 0;
    padding: 8px;
    overflow: hidden;
    color: #8ea2be;
    border: 1px solid rgba(143, 177, 225, 0.07);
    border-radius: 9px;
    background: rgba(18, 38, 76, 0.5);
    transition:
        opacity 0.25s ease,
        transform 0.25s ease,
        border-color 0.25s ease,
        background 0.25s ease,
        box-shadow 0.25s ease;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-cell.is-refreshing {
    opacity: 0;
    transform: translateY(7px) scale(0.97);
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-cell.is-intent {
    color: #e3f5ff;
    border-color: rgba(2, 197, 223, 0.28);
    background: rgba(2, 197, 223, 0.085);
    box-shadow: 0 9px 22px rgba(2, 197, 223, 0.07);
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-cell-head {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #647d9f;
    font-size: 11px;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-cell.is-intent .wup-filter-v8-cell-head {
    color: #6edcec;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-cell-head time {
    margin-left: auto;
    color: #596f8f;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-cell > p {
    display: -webkit-box;
    margin: 6px 0 0;
    overflow: hidden;
    font-size: 11px;
    line-height: 1.3;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-cell-tag {
    position: absolute;
    right: 7px;
    bottom: 6px;
    padding: 3px 5px;
    color: #5f7594;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.035);
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-cell.is-intent .wup-filter-v8-cell-tag {
    color: #66dfae;
    background: rgba(32, 211, 154, 0.08);
}

/* Relevant request carousel. */

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-result-panel {
    display: flex;
    flex-direction: column;
    min-height: 300px;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-score-row {
    display: grid;
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 11px 11px 6px;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-score-ring {
    --wup-filter-v8-score-angle: 338deg;
    position: relative;
    display: grid;
    place-items: center;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: conic-gradient(
        #02c5df,
        #1768ff var(--wup-filter-v8-score-angle),
        rgba(122, 151, 196, 0.12) var(--wup-filter-v8-score-angle)
    );
    box-shadow: 0 11px 27px rgba(23, 104, 255, 0.2);
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-score-ring::before {
    position: absolute;
    inset: 7px;
    border-radius: 50%;
    background: #14264b;
    content: "";
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-score-ring b {
    position: relative;
    z-index: 2;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-score-copy strong {
    display: block;
    color: #e8f0fc;
    font-size: 12px;
    font-weight: 500;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-score-copy span {
    display: block;
    margin-top: 3px;
    color: #7189aa;
    font-size: 11px;
    line-height: 1.3;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-carousel-card {
    position: relative;
    z-index: 2;
    margin: 6px 10px 0;
    padding: 11px;
    color: #17304f;
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 14px 32px rgba(0, 8, 29, 0.22);
    transition:
        opacity 0.25s ease,
        transform 0.25s ease;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-carousel-card::before,
.wup-public-v553 .wup-filter-v8 .wup-filter-v8-carousel-card::after {
    position: absolute;
    z-index: -1;
    right: 9px;
    left: 9px;
    height: 100%;
    border-radius: inherit;
    content: "";
    background: rgba(220, 232, 247, 0.42);
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-carousel-card::before {
    top: 6px;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-carousel-card::after {
    top: 11px;
    right: 17px;
    left: 17px;
    opacity: 0.52;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-carousel-card.is-changing {
    opacity: 0;
    transform: translateX(8px) scale(0.98);
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-carousel-head {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #159968;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-carousel-head time {
    margin-left: auto;
    color: #8798ab;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-carousel-message {
    min-height: 42px;
    margin: 8px 0 0;
    color: #294866;
    font-size: 12px;
    line-height: 1.36;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-carousel-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 9px;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-carousel-meta span {
    padding: 4px 6px;
    color: #526f8d;
    border-radius: 6px;
    background: #edf3f9;
    font-size: 10px;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-carousel-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 17px 10px 0;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-carousel-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    color: #9fb2ce;
    border: 1px solid rgba(150, 182, 231, 0.12);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.05);
    cursor: pointer;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-carousel-arrow:hover {
    color: #ffffff;
    border-color: rgba(103, 217, 233, 0.3);
    background: rgba(23, 104, 255, 0.14);
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-carousel-dots {
    display: flex;
    gap: 5px;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-carousel-dot {
    width: 7px;
    height: 7px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #526888;
    cursor: pointer;
    transition:
        width 0.25s ease,
        border-radius 0.25s ease,
        background 0.25s ease;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-carousel-dot.is-active {
    width: 21px;
    border-radius: 5px;
    background: linear-gradient(90deg, #02c5df, #1768ff);
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-notification {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: auto 10px 10px;
    padding: 8px;
    color: #c0d0e6;
    border: 1px solid rgba(143, 177, 227, 0.09);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
    font-size: 10px;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-notification > i {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 29px;
    height: 29px;
    color: #ffffff;
    border-radius: 9px;
    background: linear-gradient(145deg, #7454ff, #ed5dae);
    animation: wup-filter-v8-bell 2.6s ease-in-out infinite;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-notification strong {
    display: block;
    color: #e4edfa;
    font-weight: 500;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-notification span {
    display: block;
    margin-top: 1px;
    color: #7187a7;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-caption {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 12px 0 0;
    padding: 8px 10px;
    color: #b7c7dc;
    border: 1px solid rgba(161, 190, 235, 0.1);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
    font-size: 11px;
    line-height: 1.35;
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-caption > i {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    color: #71e4b4;
    border-radius: 8px;
    background: rgba(25, 180, 119, 0.1);
}

.wup-public-v553 .wup-filter-v8 .wup-filter-v8-source {
    display: none;
}

@keyframes wup-filter-v8-live {
    from {
        opacity: 0.8;
        transform: scale(0.72);
    }

    to {
        opacity: 0;
        transform: scale(1.65);
    }
}

@keyframes wup-filter-v8-bell {
    0%,
    77%,
    100% {
        transform: rotate(0);
    }

    84% {
        transform: rotate(-8deg);
    }

    91% {
        transform: rotate(8deg);
    }

    97% {
        transform: rotate(-4deg);
    }
}

@media (max-width: 991.98px) {
    .wup-public-v553 .wup-filter-v8 .wup-filter-v8-layout {
        grid-template-columns: 1fr;
    }

    .wup-public-v553 .wup-filter-v8 .wup-filter-v8-result-panel {
        min-height: 320px;
    }
}

@media (max-width: 575.98px) {
    .wup-public-v553 .wup-story-section.is-filter-story.wup-filter-v8 {
        padding: 40px 0;
    }

    .wup-public-v553 .wup-filter-v8 .wup-filter-v8-title {
        font-size: 33px;
    }

    .wup-public-v553 .wup-filter-v8 .wup-filter-v8-subtitle {
        align-items: flex-start;
    }

    .wup-public-v553 .wup-filter-v8 .wup-filter-v8-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wup-public-v553 .wup-filter-v8 .wup-filter-v8-panel-head {
        flex-wrap: wrap;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .wup-public-v553 .wup-filter-v8 .wup-filter-v8-live-state {
        width: 100%;
        margin-left: 0;
    }

    .wup-public-v553 .wup-filter-v8 .wup-filter-v8-carousel-arrow {
        width: 36px;
        height: 36px;
    }

    .wup-public-v553 .wup-filter-v8 .wup-filter-v8-caption {
        align-items: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wup-public-v553 .wup-filter-v8 *,
    .wup-public-v553 .wup-filter-v8 *::before,
    .wup-public-v553 .wup-filter-v8 *::after {
        animation: none;
        transition: none;
    }
}



/* Ninth homepage block: trust prism. */

.wup-public-v553 .wup-story-section.is-trust.wup-trust-v9 {
    position: relative;
    overflow: hidden;
    padding: 54px 0;
    color: #112943;
    background:
        radial-gradient(circle at 18% 0%, rgba(0, 196, 221, 0.17), transparent 27%),
        radial-gradient(circle at 84% 42%, rgba(119, 85, 239, 0.11), transparent 28%),
        linear-gradient(145deg, #eefaff, #f9fbff 47%, #f4f1ff);
    isolation: isolate;
}

.wup-public-v553 .wup-story-section.is-trust.wup-trust-v9::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    content: "";
    opacity: 0.36;
    background-image:
        linear-gradient(rgba(59, 108, 158, 0.09) 1px, transparent 1px),
        linear-gradient(90deg, rgba(59, 108, 158, 0.09) 1px, transparent 1px);
    background-size: 25px 25px;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
}

.wup-public-v553 .wup-trust-v9 *,
.wup-public-v553 .wup-trust-v9 *::before,
.wup-public-v553 .wup-trust-v9 *::after {
    box-sizing: border-box;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 900px;
    margin: 0 auto 22px;
    text-align: center;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 10px 5px 6px;
    color: #315fe9;
    border: 1px solid rgba(49, 95, 233, 0.15);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.85);
    box-shadow: 0 8px 20px rgba(46, 88, 148, 0.08);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-kicker-icon {
    display: inline-grid;
    width: 27px;
    height: 27px;
    place-items: center;
    color: #ffffff;
    border-radius: 9px;
    background: linear-gradient(145deg, #1768ff, #7755ef);
    box-shadow: 0 7px 16px rgba(23, 104, 255, 0.23);
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-heading h2 {
    position: relative;
    max-width: 880px;
    margin: 10px 0 0;
    padding-bottom: 15px;
    color: #112943;
    font-size: clamp(31px, 3.7vw, 48px);
    font-weight: 400;
    line-height: 1.01;
    letter-spacing: -0.04em;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-heading h2 strong {
    font-weight: 500;
    color: #1768ff;
    background: linear-gradient(90deg, #1768ff, #7755ef 48%, #00acd1);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-heading h2::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 104px;
    height: 3px;
    border-radius: 4px;
    background: linear-gradient(90deg, #00bdd8, #1768ff, #7755ef, #e958a5);
    content: "";
    transform: translateX(-50%);
    box-shadow: 0 5px 14px rgba(23, 104, 255, 0.22);
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-subtitle {
    display: inline-grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    max-width: 690px;
    margin: 13px 0 0;
    padding: 8px 13px 8px 8px;
    color: #516d8a;
    border: 1px solid rgba(48, 98, 151, 0.11);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 12px 28px rgba(43, 86, 131, 0.07);
    font-size: 14px;
    line-height: 1.35;
    text-align: left;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-subtitle-icon {
    display: inline-grid;
    width: 36px;
    height: 36px;
    place-items: center;
    color: #ffffff;
    border-radius: 10px;
    background: linear-gradient(145deg, #13b98a, #00bdd8);
    box-shadow: 0 8px 18px rgba(15, 185, 130, 0.2);
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-console {
    position: relative;
    overflow: hidden;
    padding: 14px;
    border: 1px solid rgba(57, 104, 157, 0.14);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.76);
    box-shadow: 0 19px 45px rgba(35, 78, 126, 0.11);
    backdrop-filter: blur(13px);
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-console-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 36px;
    padding: 0 2px 11px;
    border-bottom: 1px solid rgba(57, 104, 157, 0.1);
    color: #526b86;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-console-title {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-console-title i {
    color: #1768ff;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-console-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-console-status span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 8px;
    color: #526f8b;
    border-radius: 8px;
    background: #eef5fc;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-console-status .is-live {
    color: #0a9d73;
    background: rgba(15, 185, 130, 0.09);
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-console-status .is-live::before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    content: "";
    box-shadow: 0 0 0 4px rgba(15, 185, 130, 0.1), 0 0 12px currentColor;
    animation: wup-trust-v9-live 1.7s ease-in-out infinite;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-lab {
    position: relative;
    display: grid;
    grid-template-columns: minmax(220px, 0.75fr) minmax(265px, 0.9fr) minmax(255px, 0.82fr);
    gap: 12px;
    min-height: 415px;
    padding-top: 13px;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-input,
.wup-public-v553 .wup-trust-v9 .wup-trust-v9-output {
    position: relative;
    z-index: 4;
    display: grid;
    min-width: 0;
    align-content: center;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-column-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
    color: #536c87;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-column-label span:last-child {
    color: #0a9d73;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-stream-window {
    position: relative;
    overflow: hidden;
    height: 328px;
    padding: 8px;
    border-radius: 16px;
    background: rgba(241, 247, 253, 0.8);
    box-shadow: inset 0 0 0 1px rgba(57, 104, 157, 0.08);
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-stream-window::before {
    position: absolute;
    z-index: 4;
    top: 0;
    right: 0;
    left: 0;
    height: 38px;
    background: linear-gradient(#f3f8fd, transparent);
    content: "";
    pointer-events: none;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-stream-window::after {
    position: absolute;
    z-index: 4;
    right: 0;
    bottom: 0;
    left: 0;
    height: 38px;
    background: linear-gradient(transparent, #f3f8fd);
    content: "";
    pointer-events: none;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-stream {
    display: grid;
    gap: 7px;
    transition: transform 0.55s ease;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-stream-item {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    min-height: 50px;
    padding: 7px;
    color: #718298;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 8px 18px rgba(42, 82, 126, 0.045);
    transition: opacity 0.35s ease, transform 0.35s ease, background 0.35s ease;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-stream-item.is-current {
    transform: translateX(3px);
    box-shadow: inset 3px 0 #00bdd8, 0 10px 22px rgba(0, 189, 216, 0.1);
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-stream-item.is-intent {
    color: #225c6e;
    background: rgba(0, 189, 216, 0.09);
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-stream-icon {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    color: #59738e;
    border-radius: 9px;
    background: #dfeaf4;
    box-shadow: inset 0 0 0 1px rgba(65, 103, 141, 0.08);
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-stream-item.is-intent .wup-trust-v9-stream-icon {
    color: #ffffff;
    background: linear-gradient(145deg, #00bdd8, #1768ff);
    box-shadow: 0 7px 14px rgba(23, 104, 255, 0.2);
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-stream-item strong {
    display: block;
    overflow: hidden;
    font-size: 11px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-stream-item small {
    display: block;
    margin-top: 2px;
    color: #8798aa;
    font-size: 10px;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-stream-item time {
    color: #91a0b0;
    font-size: 10px;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-prism-zone {
    position: relative;
    display: grid;
    min-height: 390px;
    place-items: center;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-beam {
    position: absolute;
    z-index: 1;
    top: 50%;
    height: 92px;
    transform: translateY(-50%);
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-beam.is-input {
    right: 50%;
    left: -18%;
    background: linear-gradient(90deg, rgba(0, 189, 216, 0), rgba(0, 189, 216, 0.18));
    clip-path: polygon(0 18%, 100% 42%, 100% 58%, 0 82%);
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-beam.is-output {
    right: -18%;
    left: 50%;
    background: linear-gradient(90deg, rgba(119, 85, 239, 0.2), rgba(15, 185, 130, 0.03));
    clip-path: polygon(0 42%, 100% 7%, 100% 93%, 0 58%);
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-beam-particle {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: -5%;
    width: 9px;
    height: 9px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    background: #00bdd8;
    box-shadow: 0 0 0 4px rgba(0, 189, 216, 0.1), 0 0 15px #00bdd8;
    animation: wup-trust-v9-particle 4.2s ease-in-out infinite;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-prism-aura {
    position: absolute;
    width: 285px;
    height: 285px;
    border-radius: 50%;
    background: conic-gradient(
        from 0deg,
        rgba(0, 189, 216, 0.15),
        rgba(23, 104, 255, 0.03),
        rgba(119, 85, 239, 0.16),
        rgba(233, 88, 165, 0.08),
        rgba(0, 189, 216, 0.15)
    );
    filter: blur(1px);
    animation: wup-trust-v9-spin 12s linear infinite;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-prism-aura::before {
    position: absolute;
    inset: 23px;
    border-radius: 50%;
    background: rgba(248, 252, 255, 0.9);
    content: "";
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-prism {
    position: relative;
    z-index: 4;
    display: grid;
    width: 220px;
    height: 250px;
    place-items: center;
    color: #ffffff;
    background: linear-gradient(145deg, #1768ff, #7755ef 52%, #00bdd8);
    clip-path: polygon(50% 0, 95% 20%, 100% 66%, 77% 91%, 50% 100%, 23% 91%, 0 66%, 5% 20%);
    filter: drop-shadow(0 20px 28px rgba(34, 77, 135, 0.24));
    animation: wup-trust-v9-float 4.6s ease-in-out infinite;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-prism::before {
    position: absolute;
    inset: 15px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    content: "";
    clip-path: inherit;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-prism::after {
    position: absolute;
    top: 11%;
    right: 20%;
    width: 40%;
    height: 45%;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.3), transparent);
    content: "";
    clip-path: polygon(0 0, 100% 20%, 30% 100%);
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-prism-copy {
    position: relative;
    z-index: 3;
    display: grid;
    justify-items: center;
    text-align: center;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-prism-icon {
    display: grid;
    width: 76px;
    height: 76px;
    place-items: center;
    color: #ffffff;
    border: 8px solid rgba(255, 255, 255, 0.86);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.14);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18), 0 10px 25px rgba(27, 62, 126, 0.18);
    font-size: 28px;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-prism-copy strong {
    margin-top: 7px;
    font-size: 22px;
    font-weight: 500;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-prism-copy small {
    margin-top: 2px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 11px;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-prism-metrics {
    position: absolute;
    z-index: 7;
    bottom: 7px;
    left: 50%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
    width: min(280px, 96%);
    padding: 6px;
    border: 1px solid rgba(57, 104, 157, 0.13);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 13px 25px rgba(35, 78, 126, 0.12);
    transform: translateX(-50%);
    backdrop-filter: blur(10px);
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-prism-metrics span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-width: 0;
    padding: 7px 5px;
    color: #1768ff;
    border-radius: 9px;
    background: rgba(23, 104, 255, 0.07);
    font-size: 10px;
    font-weight: 500;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-prism-metrics span:nth-child(2) {
    color: #674bb8;
    background: rgba(119, 85, 239, 0.08);
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-prism-metrics span:nth-child(3) {
    color: #0d7a5b;
    background: rgba(15, 185, 130, 0.09);
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-lead {
    min-height: 328px;
    padding: 13px;
    color: #183650;
    border: 1px solid rgba(15, 185, 130, 0.18);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(237, 253, 248, 0.84));
    box-shadow: 0 14px 30px rgba(29, 91, 84, 0.09);
    transition: opacity 0.24s ease, transform 0.24s ease;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-lead.is-changing {
    opacity: 0.28;
    transform: translateY(5px);
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-lead-head,
.wup-public-v553 .wup-trust-v9 .wup-trust-v9-lead-head span,
.wup-public-v553 .wup-trust-v9 .wup-trust-v9-lead-summary,
.wup-public-v553 .wup-trust-v9 .wup-trust-v9-lead-source,
.wup-public-v553 .wup-trust-v9 .wup-trust-v9-lead-tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-lead-head {
    justify-content: space-between;
    gap: 8px;
    color: #8090a2;
    font-size: 10px;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-lead-head span {
    gap: 5px;
    color: #0aa378;
    font-weight: 500;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-lead-summary {
    gap: 10px;
    margin-top: 12px;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-score {
    --wup-trust-v9-score-angle: 346deg;

    position: relative;
    display: grid;
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    place-items: center;
    border-radius: 50%;
    background: conic-gradient(#12b98a var(--wup-trust-v9-score-angle), #dcece8 0);
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-score::before {
    position: absolute;
    inset: 5px;
    border-radius: 50%;
    background: #ffffff;
    content: "";
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-score b {
    position: relative;
    z-index: 1;
    color: #0b8664;
    font-size: 14px;
    font-weight: 500;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-lead-summary strong {
    display: block;
    font-size: 14px;
    font-weight: 500;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-lead-summary small {
    display: block;
    margin-top: 3px;
    color: #7890a7;
    font-size: 10px;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-lead-source {
    gap: 9px;
    margin-top: 12px;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-lead-source > span:first-child {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    place-items: center;
    color: #ffffff;
    border-radius: 11px;
    background: linear-gradient(145deg, #00bdd8, #1768ff);
    box-shadow: 0 8px 17px rgba(23, 104, 255, 0.2);
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-lead-source strong {
    display: block;
    font-size: 12px;
    font-weight: 500;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-lead-source small {
    display: block;
    margin-top: 2px;
    color: #8194a8;
    font-size: 10px;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-lead > p {
    min-height: 72px;
    margin: 12px 0 0;
    color: #25425d;
    font-size: 13px;
    line-height: 1.42;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-lead-tags span {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 6px 8px;
    color: #526e88;
    border-radius: 8px;
    background: #edf5fc;
    font-size: 10px;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-lead-tags b {
    font-weight: 400;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-dots {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 12px;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-dots button {
    width: 7px;
    height: 7px;
    min-width: 7px;
    padding: 0;
    border: 0;
    border-radius: 7px;
    background: #cbd8e7;
    cursor: pointer;
    transition: width 0.22s ease, background 0.22s ease;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-dots button.is-active {
    width: 20px;
    background: linear-gradient(90deg, #1768ff, #7755ef);
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-dots small {
    margin-left: auto;
    color: #7c8ea2;
    font-size: 9px;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-theses {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 12px;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-theses::before {
    position: absolute;
    z-index: -1;
    top: 50%;
    right: 14%;
    left: 14%;
    height: 2px;
    background: linear-gradient(90deg, #00bdd8, #7755ef, #12b98a);
    content: "";
    opacity: 0.35;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-theses article {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 43px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    min-width: 0;
    padding: 9px;
    border: 1px solid rgba(57, 104, 157, 0.12);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.91);
    box-shadow: 0 10px 22px rgba(39, 81, 126, 0.07);
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-thesis-icon {
    display: grid;
    width: 39px;
    height: 39px;
    place-items: center;
    color: #ffffff;
    border: 5px solid #ffffff;
    border-radius: 13px;
    box-shadow: 0 8px 18px rgba(29, 78, 132, 0.17);
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-thesis-icon.is-blue {
    background: linear-gradient(145deg, #00bdd8, #1768ff);
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-thesis-icon.is-violet {
    background: linear-gradient(145deg, #1768ff, #7755ef);
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-thesis-icon.is-green {
    background: linear-gradient(145deg, #12b98a, #00bdd8);
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-theses strong {
    display: block;
    color: #26445f;
    font-size: 12px;
    font-weight: 500;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-theses small {
    display: block;
    margin-top: 2px;
    color: #71869c;
    font-size: 10px;
    line-height: 1.25;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-checkpoint {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    margin-top: 11px;
    padding: 10px;
    color: #36526c;
    border: 1px solid rgba(15, 185, 130, 0.17);
    border-radius: 13px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.9), rgba(226, 250, 244, 0.74));
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-checkpoint-icon {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    color: #ffffff;
    border-radius: 11px;
    background: linear-gradient(145deg, #12b98a, #00bdd8);
    box-shadow: 0 8px 17px rgba(15, 185, 130, 0.18);
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-checkpoint strong {
    display: block;
    font-size: 12px;
    font-weight: 500;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-checkpoint small {
    display: block;
    margin-top: 2px;
    color: #6f8498;
    font-size: 10px;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-checkpoint-state {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 9px;
    color: #0b8866;
    border-radius: 9px;
    background: rgba(15, 185, 130, 0.1);
    font-size: 10px;
    font-weight: 500;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-guardrails {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 9px;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-guardrails span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 9px;
    color: #7a5265;
    border: 1px solid rgba(225, 78, 129, 0.12);
    border-radius: 9px;
    background: rgba(255, 241, 247, 0.76);
    font-size: 10px;
}

.wup-public-v553 .wup-trust-v9 .wup-trust-v9-guardrails i {
    color: #dc4f7e;
}

@keyframes wup-trust-v9-live {
    0%,
    100% {
        opacity: 0.55;
        transform: scale(0.82);
    }

    50% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes wup-trust-v9-spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes wup-trust-v9-float {
    0%,
    100% {
        transform: translateY(-4px);
    }

    50% {
        transform: translateY(5px);
    }
}

@keyframes wup-trust-v9-particle {
    0% {
        left: -5%;
        opacity: 0;
    }

    18%,
    76% {
        opacity: 1;
    }

    100% {
        left: 105%;
        opacity: 0;
    }
}

@media (max-width: 980px) {
    .wup-public-v553 .wup-trust-v9 .wup-trust-v9-lab {
        grid-template-columns: minmax(210px, 0.8fr) minmax(230px, 0.9fr);
    }

    .wup-public-v553 .wup-trust-v9 .wup-trust-v9-output {
        grid-column: 1 / -1;
        width: min(500px, 100%);
        margin: 0 auto;
    }

    .wup-public-v553 .wup-trust-v9 .wup-trust-v9-lead {
        min-height: 0;
    }
}

@media (max-width: 720px) {
    .wup-public-v553 .wup-story-section.is-trust.wup-trust-v9 {
        padding: 42px 0;
    }

    .wup-public-v553 .wup-trust-v9 .wup-trust-v9-heading h2 {
        font-size: clamp(27px, 8vw, 36px);
    }

    .wup-public-v553 .wup-trust-v9 .wup-trust-v9-console-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .wup-public-v553 .wup-trust-v9 .wup-trust-v9-console-status {
        flex-wrap: wrap;
    }

    .wup-public-v553 .wup-trust-v9 .wup-trust-v9-lab {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .wup-public-v553 .wup-trust-v9 .wup-trust-v9-stream-window {
        height: 280px;
    }

    .wup-public-v553 .wup-trust-v9 .wup-trust-v9-prism-zone {
        min-height: 330px;
    }

    .wup-public-v553 .wup-trust-v9 .wup-trust-v9-beam {
        top: 0;
        right: 50%;
        bottom: 0;
        left: auto;
        width: 78px;
        height: 100%;
        transform: translateX(50%);
    }

    .wup-public-v553 .wup-trust-v9 .wup-trust-v9-beam.is-input {
        background: linear-gradient(rgba(0, 189, 216, 0), rgba(0, 189, 216, 0.17));
        clip-path: polygon(17% 0, 42% 100%, 58% 100%, 83% 0);
    }

    .wup-public-v553 .wup-trust-v9 .wup-trust-v9-beam.is-output {
        display: none;
    }

    .wup-public-v553 .wup-trust-v9 .wup-trust-v9-beam-particle {
        top: -2%;
        left: 50%;
        animation-name: wup-trust-v9-particle-mobile;
    }

    .wup-public-v553 .wup-trust-v9 .wup-trust-v9-theses {
        grid-template-columns: 1fr;
    }

    .wup-public-v553 .wup-trust-v9 .wup-trust-v9-theses::before {
        top: 20px;
        right: auto;
        bottom: 20px;
        left: 28px;
        width: 2px;
        height: auto;
        background: linear-gradient(#00bdd8, #7755ef, #12b98a);
    }

    .wup-public-v553 .wup-trust-v9 .wup-trust-v9-checkpoint {
        grid-template-columns: 38px minmax(0, 1fr);
    }

    .wup-public-v553 .wup-trust-v9 .wup-trust-v9-checkpoint-state {
        grid-column: 1 / -1;
        justify-content: center;
    }
}

@keyframes wup-trust-v9-particle-mobile {
    0% {
        top: -2%;
        opacity: 0;
    }

    18%,
    76% {
        opacity: 1;
    }

    100% {
        top: 102%;
        opacity: 0;
    }
}

@media (max-width: 480px) {
    .wup-public-v553 .wup-trust-v9 .wup-trust-v9-console {
        padding: 11px;
        border-radius: 18px;
    }

    .wup-public-v553 .wup-trust-v9 .wup-trust-v9-kicker {
        font-size: 10px;
    }

    .wup-public-v553 .wup-trust-v9 .wup-trust-v9-subtitle {
        grid-template-columns: 36px minmax(0, 1fr);
        padding-right: 10px;
        font-size: 13px;
    }

    .wup-public-v553 .wup-trust-v9 .wup-trust-v9-prism {
        width: 190px;
        height: 220px;
    }

    .wup-public-v553 .wup-trust-v9 .wup-trust-v9-prism-aura {
        width: 245px;
        height: 245px;
    }

    .wup-public-v553 .wup-trust-v9 .wup-trust-v9-prism-metrics {
        width: min(270px, 100%);
    }

    .wup-public-v553 .wup-trust-v9 .wup-trust-v9-lead > p {
        min-height: 0;
    }

    .wup-public-v553 .wup-trust-v9 .wup-trust-v9-dots small {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wup-public-v553 .wup-trust-v9 .wup-trust-v9-console-status .is-live::before,
    .wup-public-v553 .wup-trust-v9 .wup-trust-v9-prism-aura,
    .wup-public-v553 .wup-trust-v9 .wup-trust-v9-prism,
    .wup-public-v553 .wup-trust-v9 .wup-trust-v9-beam-particle {
        animation: none;
    }

    .wup-public-v553 .wup-trust-v9 .wup-trust-v9-stream,
    .wup-public-v553 .wup-trust-v9 .wup-trust-v9-stream-item,
    .wup-public-v553 .wup-trust-v9 .wup-trust-v9-lead {
        transition: none;
    }
}


/* Десятий блок: порівняння методів і WUP. */
.wup-public-v553 .wup-comparison-v10 {
    --wup-comparison-v10-night: #050d20;
    --wup-comparison-v10-night-soft: #0a1733;
    --wup-comparison-v10-line: rgba(145, 176, 219, 0.15);
    --wup-comparison-v10-text: #f6f9ff;
    --wup-comparison-v10-muted: #9bafc9;
    --wup-comparison-v10-cyan: #19d5e9;
    --wup-comparison-v10-blue: #3b75ff;
    --wup-comparison-v10-violet: #8d67ff;
    --wup-comparison-v10-green: #1ed69a;
    --wup-comparison-v10-red: #ff6689;
    --wup-comparison-v10-gold: #ffc95c;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: 32px;
    color: var(--wup-comparison-v10-text);
    background:
        radial-gradient(
            circle at 12% 0,
            rgba(25, 213, 233, 0.14),
            transparent 31%
        ),
        radial-gradient(
            circle at 90% 92%,
            rgba(141, 103, 255, 0.16),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            var(--wup-comparison-v10-night),
            var(--wup-comparison-v10-night-soft)
        );
    box-shadow: 0 25px 64px rgba(4, 12, 31, 0.32);
    font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
}

.wup-public-v553 .wup-comparison-v10::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    content: "";
    opacity: 0.2;
    background-image:
        linear-gradient(
            rgba(156, 181, 217, 0.09) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(156, 181, 217, 0.09) 1px,
            transparent 1px
        );
    background-size: 24px 24px;
    -webkit-mask-image: linear-gradient(
        90deg,
        transparent,
        #000000 17%,
        #000000 83%,
        transparent
    );
    mask-image: linear-gradient(
        90deg,
        transparent,
        #000000 17%,
        #000000 83%,
        transparent
    );
}

.wup-public-v553 .wup-comparison-v10::after {
    position: absolute;
    z-index: -1;
    top: -160px;
    left: 50%;
    width: 430px;
    height: 260px;
    border-radius: 50%;
    background: rgba(59, 117, 255, 0.14);
    content: "";
    filter: blur(65px);
    transform: translateX(-50%);
}

.wup-public-v553 .wup-comparison-v10,
.wup-public-v553 .wup-comparison-v10 * {
    box-sizing: border-box;
}

.wup-public-v553 .wup-comparison-v10-heading {
    display: grid;
    justify-items: center;
    max-width: 880px;
    margin: 0 auto 24px;
    text-align: center;
}

.wup-public-v553 .wup-comparison-v10-heading-top {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: min(520px, 100%);
}

.wup-public-v553 .wup-comparison-v10-heading-line {
    width: min(86px, 13vw);
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(25, 213, 233, 0.55)
    );
}

.wup-public-v553 .wup-comparison-v10-heading-line:last-child {
    background: linear-gradient(
        90deg,
        rgba(141, 103, 255, 0.55),
        transparent
    );
}

.wup-public-v553 .wup-comparison-v10-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 10px 5px 6px;
    color: #a9eefa;
    border: 1px solid rgba(25, 213, 233, 0.22);
    border-radius: 999px;
    background: rgba(25, 213, 233, 0.07);
    box-shadow:
        inset 0 1px rgba(255, 255, 255, 0.04),
        0 8px 24px rgba(25, 213, 233, 0.06);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.07em;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
}

.wup-public-v553 .wup-comparison-v10-kicker-icon {
    display: grid;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    place-items: center;
    color: #ffffff;
    border-radius: 9px;
    background: linear-gradient(
        145deg,
        var(--wup-comparison-v10-cyan),
        var(--wup-comparison-v10-blue)
    );
    box-shadow: 0 7px 18px rgba(25, 213, 233, 0.2);
}

.wup-public-v553 .wup-comparison-v10-heading h2 {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 4px 9px;
    max-width: 820px;
    margin: 11px 0 0;
    padding: 0 0 15px;
    color: var(--wup-comparison-v10-text);
    font-size: clamp(31px, 4.2vw, 49px);
    font-weight: 400;
    letter-spacing: -0.04em;
    line-height: 1.01;
}

.wup-public-v553 .wup-comparison-v10-heading h2::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 116px;
    height: 3px;
    border-radius: 4px;
    background: linear-gradient(
        90deg,
        var(--wup-comparison-v10-cyan),
        var(--wup-comparison-v10-blue),
        var(--wup-comparison-v10-violet),
        #df5faf
    );
    content: "";
    box-shadow: 0 0 19px rgba(25, 213, 233, 0.28);
    transform: translateX(-50%);
}

.wup-public-v553 .wup-comparison-v10-brand {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 5px 11px;
    color: #ffffff;
    border: 1px solid rgba(25, 213, 233, 0.28);
    border-radius: 12px;
    background: linear-gradient(
        145deg,
        rgba(59, 117, 255, 0.34),
        rgba(141, 103, 255, 0.27)
    );
    box-shadow:
        0 10px 30px rgba(45, 84, 183, 0.2),
        inset 0 1px rgba(255, 255, 255, 0.08);
    font-size: 0.72em;
    font-weight: 500;
    letter-spacing: 0.02em;
}

.wup-public-v553 .wup-comparison-v10-brand::before {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--wup-comparison-v10-green);
    content: "";
    box-shadow:
        0 0 0 5px rgba(30, 214, 154, 0.09),
        0 0 15px var(--wup-comparison-v10-green);
}

.wup-public-v553 .wup-comparison-v10-heading h2 strong {
    font-weight: 500;
    background: linear-gradient(
        90deg,
        var(--wup-comparison-v10-cyan),
        #7daeff,
        #b798ff
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.wup-public-v553 .wup-comparison-v10-subtitle {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    max-width: 760px;
    margin: 14px 0 0;
    padding: 8px 10px 8px 8px;
    color: #b2c5dd;
    border: 1px solid rgba(145, 176, 219, 0.14);
    border-radius: 13px;
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.045),
        rgba(25, 213, 233, 0.035)
    );
    box-shadow:
        inset 0 1px rgba(255, 255, 255, 0.03),
        0 12px 28px rgba(2, 9, 24, 0.16);
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
}

.wup-public-v553 .wup-comparison-v10-subtitle-icon {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    color: #ffffff;
    border-radius: 11px;
    background: linear-gradient(
        145deg,
        var(--wup-comparison-v10-blue),
        var(--wup-comparison-v10-violet)
    );
    box-shadow: 0 8px 19px rgba(59, 117, 255, 0.2);
}

.wup-public-v553 .wup-comparison-v10-subtitle-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    color: var(--wup-comparison-v10-green);
    border-radius: 9px;
    background: rgba(30, 214, 154, 0.07);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
}

.wup-public-v553 .wup-comparison-v10-subtitle-badge::before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    content: "";
    box-shadow:
        0 0 0 4px rgba(30, 214, 154, 0.08),
        0 0 12px currentColor;
    animation: wup-comparison-v10-live 1.8s ease-in-out infinite;
}

.wup-public-v553 .wup-comparison-v10-balance {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) 106px minmax(0, 1.3fr);
    gap: 13px;
    align-items: stretch;
    padding: 15px;
    border: 1px solid var(--wup-comparison-v10-line);
    border-radius: 22px;
    background: rgba(4, 14, 35, 0.7);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.03);
}

.wup-public-v553 .wup-comparison-v10-old-stack,
.wup-public-v553 .wup-comparison-v10-wup-stack {
    display: grid;
    gap: 8px;
    align-content: center;
    min-width: 0;
}

.wup-public-v553 .wup-comparison-v10-column-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 2px;
    color: #7f96b3;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.06em;
    line-height: 1;
    text-transform: uppercase;
}

.wup-public-v553 .wup-comparison-v10-column-label.is-wup span:last-child {
    color: var(--wup-comparison-v10-green);
}

.wup-public-v553 .wup-comparison-v10-old-method {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 37px minmax(0, 1fr) auto;
    gap: 9px;
    align-items: center;
    min-height: 60px;
    margin: 0;
    padding: 9px;
    color: #a9bad0;
    border: 1px solid rgba(145, 176, 219, 0.07);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.028);
}

.wup-public-v553 .wup-comparison-v10-old-method::before,
.wup-public-v553 .wup-comparison-v10-old-method::after {
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 50%;
    width: calc(100% - 34px);
    height: 1px;
    border-radius: 2px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 102, 137, 0.65) 10%,
        #ff8da8 50%,
        rgba(255, 102, 137, 0.65) 90%,
        transparent
    );
    content: "";
    box-shadow: 0 0 8px rgba(255, 102, 137, 0.3);
    pointer-events: none;
}

.wup-public-v553 .wup-comparison-v10-old-method::before {
    transform: translate(-50%, -50%) rotate(7deg);
}

.wup-public-v553 .wup-comparison-v10-old-method::after {
    transform: translate(-50%, -50%) rotate(-7deg);
}

.wup-public-v553 .wup-comparison-v10-method-icon {
    display: grid;
    width: 37px;
    height: 37px;
    place-items: center;
    color: #849ab7;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.045);
}

.wup-public-v553 .wup-comparison-v10-method-copy {
    min-width: 0;
}

.wup-public-v553 .wup-comparison-v10-method-copy strong,
.wup-public-v553 .wup-comparison-v10-method-copy small,
.wup-public-v553 .wup-comparison-v10-wup-copy strong,
.wup-public-v553 .wup-comparison-v10-wup-copy small {
    display: block;
}

.wup-public-v553 .wup-comparison-v10-method-copy strong {
    color: #d1dcea;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.15;
}

.wup-public-v553 .wup-comparison-v10-method-copy small {
    margin-top: 2px;
    color: #7188a5;
    font-size: 10px;
    line-height: 1.25;
}

.wup-public-v553 .wup-comparison-v10-method-score {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 7px;
    color: var(--wup-comparison-v10-red);
    border-radius: 8px;
    background: rgba(255, 102, 137, 0.07);
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
}

.wup-public-v553 .wup-comparison-v10-method-score::before {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: currentColor;
    content: "";
    box-shadow: 0 0 8px currentColor;
}

.wup-public-v553 .wup-comparison-v10-scale {
    position: relative;
    display: grid;
    min-height: 245px;
    place-items: center;
}

.wup-public-v553 .wup-comparison-v10-scale-glow {
    position: absolute;
    width: 104px;
    height: 104px;
    border-radius: 50%;
    background: conic-gradient(
        from 45deg,
        rgba(255, 102, 137, 0.12),
        rgba(255, 201, 92, 0.13),
        rgba(30, 214, 154, 0.16),
        rgba(59, 117, 255, 0.08),
        rgba(255, 102, 137, 0.12)
    );
    filter: blur(2px);
    animation: wup-comparison-v10-spin 9s linear infinite;
}

.wup-public-v553 .wup-comparison-v10-scale-beam {
    position: absolute;
    width: 94px;
    height: 3px;
    border-radius: 3px;
    background: linear-gradient(
        90deg,
        var(--wup-comparison-v10-red),
        var(--wup-comparison-v10-gold),
        var(--wup-comparison-v10-green)
    );
    box-shadow: 0 0 18px rgba(255, 201, 92, 0.24);
    transform: rotate(9deg);
}

.wup-public-v553 .wup-comparison-v10-scale-mark {
    position: relative;
    z-index: 2;
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    color: var(--wup-comparison-v10-gold);
    border: 8px solid #101e3b;
    border-radius: 17px;
    background: linear-gradient(145deg, #192a51, #0d1934);
    box-shadow:
        0 0 0 1px rgba(255, 201, 92, 0.18),
        0 0 32px rgba(59, 117, 255, 0.2);
    font-size: 24px;
    line-height: 1;
    text-shadow: 0 0 18px rgba(255, 201, 92, 0.35);
    animation: wup-comparison-v10-scale-pulse 2.8s ease-in-out infinite;
}

.wup-public-v553 .wup-comparison-v10-scale-caption {
    position: absolute;
    bottom: 41px;
    color: #7f96b3;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.07em;
    line-height: 1;
    text-transform: uppercase;
}

.wup-public-v553 .wup-comparison-v10-particle {
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 34%;
    width: 8px;
    height: 8px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    background: var(--wup-comparison-v10-cyan);
    box-shadow:
        0 0 0 5px rgba(25, 213, 233, 0.08),
        0 0 18px var(--wup-comparison-v10-cyan);
    animation: wup-comparison-v10-flight 4.8s ease-in-out infinite;
}

.wup-public-v553 .wup-comparison-v10-wup-head {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 10px;
    border: 1px solid rgba(25, 213, 233, 0.22);
    border-radius: 14px;
    background: linear-gradient(
        135deg,
        rgba(59, 117, 255, 0.28),
        rgba(141, 103, 255, 0.22)
    );
    box-shadow: 0 15px 31px rgba(28, 69, 158, 0.17);
}

.wup-public-v553 .wup-comparison-v10-wup-icon {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    color: #ffffff;
    border-radius: 14px;
    background: linear-gradient(
        145deg,
        var(--wup-comparison-v10-cyan),
        var(--wup-comparison-v10-blue)
    );
    box-shadow:
        0 0 0 5px rgba(25, 213, 233, 0.08),
        0 0 21px rgba(25, 213, 233, 0.2);
}

.wup-public-v553 .wup-comparison-v10-wup-copy {
    min-width: 0;
}

.wup-public-v553 .wup-comparison-v10-wup-copy strong {
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.15;
}

.wup-public-v553 .wup-comparison-v10-wup-copy small {
    margin-top: 2px;
    color: #b5c9e4;
    font-size: 11px;
    line-height: 1.25;
}

.wup-public-v553 .wup-comparison-v10-wup-score {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 8px;
    color: var(--wup-comparison-v10-green);
    border-radius: 9px;
    background: rgba(30, 214, 154, 0.08);
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
}

.wup-public-v553 .wup-comparison-v10-benefits {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

.wup-public-v553 .wup-comparison-v10-benefits span {
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 39px;
    padding: 7px 9px;
    color: #c3d2e5;
    border: 1px solid rgba(30, 214, 154, 0.07);
    border-radius: 10px;
    background: rgba(30, 214, 154, 0.05);
    font-size: 11px;
    line-height: 1.2;
}

.wup-public-v553 .wup-comparison-v10-benefits i {
    width: 14px;
    flex: 0 0 14px;
    color: var(--wup-comparison-v10-green);
    text-align: center;
}

.wup-public-v553 .wup-comparison-v10-verdict {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin: 13px 0 0;
    padding: 10px 12px;
    color: #b9cadd;
    border-radius: 12px;
    background: linear-gradient(
        90deg,
        rgba(25, 213, 233, 0.06),
        rgba(141, 103, 255, 0.08)
    );
    font-size: 13px;
    line-height: 1.35;
    text-align: center;
}

.wup-public-v553 .wup-comparison-v10-verdict > i {
    flex: 0 0 auto;
    color: var(--wup-comparison-v10-gold);
    font-size: 17px;
}

.wup-public-v553 .wup-comparison-v10-verdict strong {
    color: #ffffff;
    font-weight: 500;
}

.wup-public-v553 .wup-comparison-v10:not(.is-balance-active)
    .wup-comparison-v10-subtitle-badge::before,
.wup-public-v553 .wup-comparison-v10:not(.is-balance-active)
    .wup-comparison-v10-scale-glow,
.wup-public-v553 .wup-comparison-v10:not(.is-balance-active)
    .wup-comparison-v10-scale-mark,
.wup-public-v553 .wup-comparison-v10:not(.is-balance-active)
    .wup-comparison-v10-particle {
    animation-play-state: paused;
}

@keyframes wup-comparison-v10-live {
    0%,
    100% {
        opacity: 0.55;
        transform: scale(0.8);
    }

    50% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes wup-comparison-v10-spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes wup-comparison-v10-scale-pulse {
    0%,
    100% {
        transform: scale(0.94);
    }

    50% {
        transform: scale(1.06);
    }
}

@keyframes wup-comparison-v10-flight {
    0% {
        left: 34%;
        opacity: 0;
    }

    20%,
    78% {
        opacity: 1;
    }

    100% {
        left: 66%;
        opacity: 0;
    }
}

@keyframes wup-comparison-v10-flight-mobile {
    0% {
        top: 40%;
        opacity: 0;
    }

    20%,
    78% {
        opacity: 1;
    }

    100% {
        top: 55%;
        opacity: 0;
    }
}

@media (max-width: 800px) {
    .wup-public-v553 .wup-comparison-v10-balance {
        grid-template-columns: minmax(0, 1fr);
    }

    .wup-public-v553 .wup-comparison-v10-scale {
        min-height: 84px;
    }

    .wup-public-v553 .wup-comparison-v10-scale-caption {
        bottom: 3px;
    }

    .wup-public-v553 .wup-comparison-v10-particle {
        top: 40%;
        left: 50%;
        animation-name: wup-comparison-v10-flight-mobile;
    }
}

@media (max-width: 560px) {
    .wup-public-v553 .wup-comparison-v10 {
        padding: 23px 13px;
    }

    .wup-public-v553 .wup-comparison-v10-heading {
        margin-bottom: 18px;
    }

    .wup-public-v553 .wup-comparison-v10-heading h2 {
        gap: 4px 6px;
        font-size: clamp(27px, 8vw, 36px);
    }

    .wup-public-v553 .wup-comparison-v10-brand {
        border-radius: 10px;
    }

    .wup-public-v553 .wup-comparison-v10-subtitle {
        grid-template-columns: 36px minmax(0, 1fr);
        font-size: 12px;
    }

    .wup-public-v553 .wup-comparison-v10-subtitle-badge {
        grid-column: 1 / -1;
        justify-content: center;
    }

    .wup-public-v553 .wup-comparison-v10-balance {
        padding: 11px;
    }

    .wup-public-v553 .wup-comparison-v10-old-method {
        grid-template-columns: 37px minmax(0, 1fr);
    }

    .wup-public-v553 .wup-comparison-v10-method-score {
        grid-column: 2;
        justify-self: start;
    }

    .wup-public-v553 .wup-comparison-v10-wup-head {
        grid-template-columns: 46px minmax(0, 1fr);
    }

    .wup-public-v553 .wup-comparison-v10-wup-score {
        grid-column: 2;
        justify-self: start;
    }

    .wup-public-v553 .wup-comparison-v10-benefits {
        grid-template-columns: minmax(0, 1fr);
    }

    .wup-public-v553 .wup-comparison-v10-verdict {
        align-items: flex-start;
        text-align: left;
    }
}

@media (max-width: 360px) {
    .wup-public-v553 .wup-comparison-v10 {
        padding-right: 10px;
        padding-left: 10px;
    }

    .wup-public-v553 .wup-comparison-v10-heading-line {
        display: none;
    }

    .wup-public-v553 .wup-comparison-v10-heading h2 {
        font-size: 27px;
    }

    .wup-public-v553 .wup-comparison-v10-column-label {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wup-public-v553 .wup-comparison-v10-subtitle-badge::before,
    .wup-public-v553 .wup-comparison-v10-scale-glow,
    .wup-public-v553 .wup-comparison-v10-scale-mark,
    .wup-public-v553 .wup-comparison-v10-particle {
        animation: none;
    }
}




/* Одинадцятий блок: інтерактивний радар вартості. */
.wup-public-v553 .wup-cost-radar {
    --wup-cost-radar-cyan: #14c7dd;
    --wup-cost-radar-blue: #2868ed;
    --wup-cost-radar-violet: #7958f2;
    --wup-cost-radar-green: #1bc48d;
    --wup-cost-radar-ink: #11233c;
    --wup-cost-radar-muted: #667993;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: 30px;
    color: var(--wup-cost-radar-ink);
    border: 1px solid rgba(31, 88, 167, 0.1);
    background:
        radial-gradient(
            circle at 3% 0,
            rgba(20, 199, 221, 0.14),
            transparent 29%
        ),
        radial-gradient(
            circle at 99% 100%,
            rgba(121, 88, 242, 0.13),
            transparent 34%
        ),
        linear-gradient(145deg, #ffffff, #f2f7ff);
    box-shadow: 0 24px 60px rgba(34, 70, 119, 0.14);
    font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
}

.wup-public-v553 .wup-cost-radar::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    content: "";
    opacity: 0.2;
    background-image: radial-gradient(
        rgba(38, 102, 190, 0.18) 0.8px,
        transparent 0.8px
    );
    background-size: 18px 18px;
    -webkit-mask-image: linear-gradient(
        90deg,
        #000000,
        transparent 42%,
        transparent 58%,
        #000000
    );
    mask-image: linear-gradient(
        90deg,
        #000000,
        transparent 42%,
        transparent 58%,
        #000000
    );
}

.wup-public-v553 .wup-cost-radar,
.wup-public-v553 .wup-cost-radar * {
    box-sizing: border-box;
}

.wup-public-v553 .wup-cost-radar-heading {
    display: grid;
    justify-items: center;
    max-width: 900px;
    margin: 0 auto 20px;
    text-align: center;
}

.wup-public-v553 .wup-cost-radar-heading-top {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: min(530px, 100%);
}

.wup-public-v553 .wup-cost-radar-heading-line {
    width: min(88px, 13vw);
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(30, 113, 210, 0.45)
    );
}

.wup-public-v553 .wup-cost-radar-heading-line:last-child {
    background: linear-gradient(
        90deg,
        rgba(121, 88, 242, 0.45),
        transparent
    );
}

.wup-public-v553 .wup-cost-radar-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 11px 5px 6px;
    color: #1f629a;
    border: 1px solid rgba(28, 119, 190, 0.15);
    border-radius: 999px;
    background: rgba(26, 181, 217, 0.08);
    box-shadow: 0 8px 22px rgba(41, 115, 181, 0.08);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.07em;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
}

.wup-public-v553 .wup-cost-radar-kicker-icon {
    display: grid;
    width: 29px;
    height: 29px;
    flex: 0 0 29px;
    place-items: center;
    color: #ffffff;
    border-radius: 9px;
    background: linear-gradient(
        145deg,
        var(--wup-cost-radar-cyan),
        var(--wup-cost-radar-blue)
    );
    box-shadow: 0 8px 18px rgba(40, 104, 237, 0.2);
}

.wup-public-v553 .wup-cost-radar-heading h2 {
    position: relative;
    max-width: 870px;
    margin: 11px 0 0;
    padding: 0 0 14px;
    color: var(--wup-cost-radar-ink);
    font-size: clamp(31px, 4.4vw, 49px);
    font-weight: 500;
    letter-spacing: -0.04em;
    line-height: 1.02;
}

.wup-public-v553 .wup-cost-radar-heading h2 strong {
    font-weight: 700;
    background: linear-gradient(
        90deg,
        #176bd8,
        #5b60ed 58%,
        #8c54df
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.wup-public-v553 .wup-cost-radar-heading h2::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 120px;
    height: 3px;
    border-radius: 4px;
    background: linear-gradient(
        90deg,
        var(--wup-cost-radar-cyan),
        var(--wup-cost-radar-blue),
        var(--wup-cost-radar-violet)
    );
    content: "";
    box-shadow: 0 0 18px rgba(40, 104, 237, 0.22);
    transform: translateX(-50%);
}

.wup-public-v553 .wup-cost-radar-intro {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    max-width: 790px;
    margin: 13px 0 0;
    padding: 9px 10px 9px 9px;
    color: #60738c;
    border: 1px solid rgba(49, 91, 158, 0.11);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 12px 28px rgba(44, 75, 123, 0.07);
    font-size: 13px;
    line-height: 1.42;
    text-align: left;
}

.wup-public-v553 .wup-cost-radar-intro-icon {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    color: #ffffff;
    border-radius: 11px;
    background: linear-gradient(
        145deg,
        var(--wup-cost-radar-blue),
        var(--wup-cost-radar-violet)
    );
    box-shadow: 0 8px 19px rgba(80, 91, 222, 0.2);
}

.wup-public-v553 .wup-cost-radar-intro-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    color: #15845f;
    border-radius: 9px;
    background: rgba(27, 196, 141, 0.08);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
}

.wup-public-v553 .wup-cost-radar-intro-badge::before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    content: "";
    box-shadow:
        0 0 0 4px rgba(27, 196, 141, 0.09),
        0 0 12px currentColor;
    animation: wup-cost-radar-live 1.8s ease-in-out infinite;
}

.wup-public-v553 .wup-cost-radar-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(350px, 0.92fr);
    gap: 16px;
    align-items: stretch;
}

.wup-public-v553 .wup-cost-radar-controls {
    display: grid;
    gap: 8px;
    padding: 12px;
    border: 1px solid rgba(49, 94, 162, 0.1);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 15px 35px rgba(38, 75, 126, 0.08);
}

.wup-public-v553 .wup-cost-radar-control {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    gap: 9px;
    align-items: center;
    min-height: 69px;
    margin: 0;
    padding: 9px;
    border-radius: 13px;
    background: linear-gradient(
        90deg,
        rgba(238, 246, 255, 0.92),
        rgba(250, 252, 255, 0.88)
    );
}

.wup-public-v553 .wup-cost-radar-control-icon {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    color: #ffffff;
    border-radius: 11px;
    background: linear-gradient(145deg, #16c8df, #316ae9);
    box-shadow: 0 8px 19px rgba(48, 107, 231, 0.2);
}

.wup-public-v553
    .wup-cost-radar-control:nth-child(2)
    .wup-cost-radar-control-icon {
    background: linear-gradient(145deg, #8061ff, #526edc);
}

.wup-public-v553
    .wup-cost-radar-control:nth-child(3)
    .wup-cost-radar-control-icon {
    background: linear-gradient(145deg, #20c992, #14a7b8);
}

.wup-public-v553 .wup-cost-radar-control-copy {
    min-width: 0;
}

.wup-public-v553 .wup-cost-radar-control-copy strong,
.wup-public-v553 .wup-cost-radar-control-copy small {
    display: block;
}

.wup-public-v553 .wup-cost-radar-control-copy strong {
    color: #203550;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
}

.wup-public-v553 .wup-cost-radar-control-copy small {
    margin-top: 2px;
    color: #7c8da2;
    font-size: 10px;
    line-height: 1.25;
}

.wup-public-v553 .wup-cost-radar-input {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #275bbd;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.wup-public-v553 .wup-cost-radar-input input {
    width: 104px;
    min-width: 0;
    padding: 7px 9px;
    color: #172a45;
    border: 1px solid rgba(42, 91, 170, 0.16);
    border-radius: 9px;
    background: #ffffff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    text-align: right;
}

.wup-public-v553 .wup-cost-radar-range {
    grid-column: 2 / -1;
    color: var(--wup-cost-radar-blue);
}

.wup-public-v553 .wup-cost-radar-range input {
    width: 100%;
    margin: 0;
    accent-color: currentColor;
    cursor: pointer;
}

.wup-public-v553 .wup-cost-radar-result {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 134px minmax(0, 1fr);
    gap: 15px;
    align-items: center;
    min-width: 0;
    padding: 17px;
    color: #ffffff;
    border-radius: 18px;
    background:
        radial-gradient(
            circle at 10% 10%,
            rgba(25, 212, 232, 0.2),
            transparent 35%
        ),
        linear-gradient(145deg, #07152e, #102858 72%, #173a78);
    box-shadow: 0 18px 38px rgba(18, 48, 103, 0.22);
}

.wup-public-v553 .wup-cost-radar-result::before {
    position: absolute;
    right: -34px;
    bottom: -45px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: rgba(128, 91, 255, 0.23);
    content: "";
    filter: blur(28px);
}

.wup-public-v553 .wup-cost-radar-ring {
    --wup-cost-radar-progress: 20%;

    position: relative;
    display: grid;
    width: 128px;
    height: 128px;
    place-items: center;
    border-radius: 50%;
    background: conic-gradient(
        #1cd8dc var(--wup-cost-radar-progress),
        rgba(255, 255, 255, 0.09) 0
    );
    box-shadow: 0 0 35px rgba(26, 210, 223, 0.16);
    transition: background 0.3s ease;
}

.wup-public-v553 .wup-cost-radar-ring::before {
    position: absolute;
    inset: 9px;
    border-radius: 50%;
    background: #0b1d3d;
    content: "";
}

.wup-public-v553 .wup-cost-radar-ring-copy {
    position: relative;
    z-index: 1;
    text-align: center;
}

.wup-public-v553 .wup-cost-radar-ring-copy strong,
.wup-public-v553 .wup-cost-radar-ring-copy small {
    display: block;
}

.wup-public-v553 .wup-cost-radar-ring-copy strong {
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
}

.wup-public-v553 .wup-cost-radar-ring-copy small {
    margin-top: 5px;
    color: #9fc2df;
    font-size: 10px;
    line-height: 1;
    text-transform: uppercase;
}

.wup-public-v553 .wup-cost-radar-result-copy {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.wup-public-v553 .wup-cost-radar-result-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #9fdce8;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.2;
    text-transform: uppercase;
}

.wup-public-v553 .wup-cost-radar-result-value {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px;
    margin-top: 6px;
    color: #ffffff;
    font-size: clamp(34px, 5vw, 49px);
    font-weight: 700;
    letter-spacing: -0.04em;
    line-height: 1;
}

.wup-public-v553 .wup-cost-radar-result-value small {
    color: #a6c0de;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
}

.wup-public-v553 .wup-cost-radar-result-value small b {
    font-weight: 400;
}

.wup-public-v553 .wup-cost-radar-equation {
    display: grid;
    gap: 6px;
    margin-top: 13px;
}

.wup-public-v553 .wup-cost-radar-equation-step {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    padding: 8px;
    border: 1px solid rgba(157, 193, 230, 0.08);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.055);
}

.wup-public-v553 .wup-cost-radar-equation-index {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    color: #8fe9e1;
    border-radius: 8px;
    background: rgba(44, 218, 202, 0.11);
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
}

.wup-public-v553 .wup-cost-radar-equation-copy {
    min-width: 0;
}

.wup-public-v553 .wup-cost-radar-equation-copy small,
.wup-public-v553 .wup-cost-radar-equation-copy strong {
    display: block;
}

.wup-public-v553 .wup-cost-radar-equation-copy small {
    color: #829bb9;
    font-size: 9px;
    letter-spacing: 0.04em;
    line-height: 1.15;
    text-transform: uppercase;
}

.wup-public-v553 .wup-cost-radar-equation-copy strong {
    margin-top: 3px;
    color: #d7e4f3;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.25;
}

.wup-public-v553 .wup-cost-radar-equation-copy b {
    color: #ffffff;
    font-weight: 700;
}

.wup-public-v553 .wup-cost-radar-equation-copy em {
    padding: 0 2px;
    color: #77a4cf;
    font-style: normal;
}

.wup-public-v553 .wup-cost-radar-equation-result {
    position: relative;
    min-width: 92px;
    padding: 6px 8px 6px 16px;
    color: #ffffff;
    border-radius: 9px;
    background: linear-gradient(
        135deg,
        rgba(29, 202, 186, 0.16),
        rgba(48, 116, 232, 0.15)
    );
    text-align: right;
}

.wup-public-v553 .wup-cost-radar-equation-result::before {
    position: absolute;
    top: 50%;
    left: 6px;
    color: #54ded0;
    content: "→";
    font-size: 12px;
    transform: translateY(-50%);
}

.wup-public-v553 .wup-cost-radar-equation-result small,
.wup-public-v553 .wup-cost-radar-equation-result strong {
    display: block;
}

.wup-public-v553 .wup-cost-radar-equation-result small {
    color: #89a9c7;
    font-size: 8px;
    letter-spacing: 0.04em;
    line-height: 1;
    text-transform: uppercase;
}

.wup-public-v553 .wup-cost-radar-equation-result strong {
    margin-top: 2px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
    white-space: nowrap;
}

.wup-public-v553 .wup-cost-radar-equation-result b {
    font-weight: 700;
}

.wup-public-v553 .wup-cost-radar-note {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 13px 0 0;
    padding: 9px 11px;
    color: #6c7f96;
    border-radius: 11px;
    background: rgba(224, 234, 248, 0.58);
    font-size: 11px;
    line-height: 1.4;
}

.wup-public-v553 .wup-cost-radar-note i {
    flex: 0 0 auto;
    margin-top: 1px;
    color: #5273aa;
}

@keyframes wup-cost-radar-live {
    0%,
    100% {
        opacity: 0.55;
        transform: scale(0.8);
    }

    50% {
        opacity: 1;
        transform: scale(1);
    }
}

@media (max-width: 820px) {
    .wup-public-v553 .wup-cost-radar-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 560px) {
    .wup-public-v553 .wup-cost-radar {
        padding: 21px 12px;
    }

    .wup-public-v553 .wup-cost-radar-heading {
        margin-bottom: 17px;
    }

    .wup-public-v553 .wup-cost-radar-heading h2 {
        font-size: 30px;
    }

    .wup-public-v553 .wup-cost-radar-heading-line {
        display: none;
    }

    .wup-public-v553 .wup-cost-radar-intro {
        grid-template-columns: 38px minmax(0, 1fr);
        font-size: 12px;
    }

    .wup-public-v553 .wup-cost-radar-intro-badge {
        grid-column: 1 / -1;
        justify-content: center;
    }

    .wup-public-v553 .wup-cost-radar-control {
        grid-template-columns: 40px minmax(0, 1fr);
    }

    .wup-public-v553 .wup-cost-radar-input {
        grid-column: 2;
    }

    .wup-public-v553 .wup-cost-radar-result {
        grid-template-columns: minmax(0, 1fr);
        justify-items: center;
        text-align: center;
    }

    .wup-public-v553 .wup-cost-radar-result-value {
        justify-content: center;
    }

    .wup-public-v553 .wup-cost-radar-equation-step {
        grid-template-columns: 24px minmax(0, 1fr);
        text-align: left;
    }

    .wup-public-v553 .wup-cost-radar-equation-result {
        grid-column: 2;
        justify-self: stretch;
        /*text-align: left;*/
    }
}

@media (max-width: 360px) {
    .wup-public-v553 .wup-cost-radar {
        padding-right: 10px;
        padding-left: 10px;
    }

    .wup-public-v553 .wup-cost-radar-heading h2 {
        font-size: 27px;
    }

    .wup-public-v553 .wup-cost-radar-input {
        align-items: flex-start;
        flex-direction: column;
        white-space: normal;
    }

    .wup-public-v553 .wup-cost-radar-input input {
        width: 100%;
        text-align: left;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wup-public-v553 .wup-cost-radar-intro-badge::before {
        animation: none;
    }
}


/* Дванадцятий блок головної сторінки: "Для кого". */
.wup-public-v553 .wup-audience-v12 {
    --wup-audience-v12-ink: #172840;
    --wup-audience-v12-muted: #697b92;
    --wup-audience-v12-blue: #416ce8;
    --wup-audience-v12-cyan: #1ac7da;
    --wup-audience-v12-violet: #7a5be3;
    --wup-audience-v12-green: #18a77d;
    position: relative;
    padding: 34px 0;
    color: var(--wup-audience-v12-ink);
}

.wup-public-v553 .wup-audience-v12,
.wup-public-v553 .wup-audience-v12 * {
    box-sizing: border-box;
}

.wup-public-v553 .wup-audience-v12-frame {
    position: relative;
    overflow: hidden;
    padding: 28px 0 24px;
    border: 1px solid rgba(47, 89, 155, 0.1);
    border-radius: 26px;
    background:
        radial-gradient(
            circle at 7% 0,
            rgba(24, 198, 220, 0.14),
            transparent 30%
        ),
        radial-gradient(
            circle at 94% 100%,
            rgba(126, 84, 244, 0.13),
            transparent 34%
        ),
        #f9fbff;
    box-shadow: 0 24px 58px rgba(35, 68, 113, 0.12);
}

.wup-public-v553 .wup-audience-v12-heading {
    position: relative;
    z-index: 4;
    display: grid;
    justify-items: center;
    max-width: 960px;
    margin: 0 auto 21px;
    padding: 0 28px;
    text-align: center;
}

.wup-public-v553 .wup-audience-v12-heading::before {
    position: absolute;
    z-index: -1;
    top: -30px;
    left: 50%;
    width: 430px;
    height: 160px;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(72, 107, 226, 0.11),
        transparent 68%
    );
    content: "";
    pointer-events: none;
    transform: translateX(-50%);
}

.wup-public-v553 .wup-audience-v12-heading-top {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: min(650px, 100%);
}

.wup-public-v553 .wup-audience-v12-heading-line {
    width: min(86px, 11vw);
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(35, 178, 213, 0.5)
    );
}

.wup-public-v553 .wup-audience-v12-heading-line:last-child {
    background: linear-gradient(
        90deg,
        rgba(111, 91, 224, 0.5),
        transparent
    );
}

.wup-public-v553 .wup-audience-v12-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 10px 5px 6px;
    color: #2769a0;
    border: 1px solid rgba(37, 111, 178, 0.15);
    border-radius: 999px;
    background: rgba(29, 183, 213, 0.08);
    box-shadow:
        0 8px 22px rgba(43, 107, 167, 0.08),
        inset 0 1px rgba(255, 255, 255, 0.8);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.07em;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
}

.wup-public-v553 .wup-audience-v12-kicker-icon {
    display: grid;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    place-items: center;
    color: #ffffff;
    border-radius: 9px;
    background: linear-gradient(
        145deg,
        var(--wup-audience-v12-cyan),
        var(--wup-audience-v12-blue)
    );
    box-shadow: 0 7px 18px rgba(25, 177, 213, 0.2);
}

.wup-public-v553 .wup-audience-v12-heading h2 {
    position: relative;
    display: inline;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 3px 8px;
    max-width: 1200px;
    margin: 11px 0 0;
    padding: 0 0 15px;
    color: var(--wup-audience-v12-ink);
    font-size: clamp(31px, 4.2vw, 49px);
    font-weight: 400;
    letter-spacing: -0.04em;
    line-height: 1.01;
}

.wup-public-v553 .wup-audience-v12-heading h2::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 116px;
    height: 3px;
    border-radius: 4px;
    background: linear-gradient(
        90deg,
        var(--wup-audience-v12-cyan),
        var(--wup-audience-v12-blue),
        var(--wup-audience-v12-violet),
        #df5faf
    );
    content: "";
    box-shadow: 0 0 19px rgba(25, 177, 213, 0.24);
    transform: translateX(-50%);
}

.wup-public-v553 .wup-audience-v12-heading h2 strong {
    color: transparent;
    background: linear-gradient(
        92deg,
        #2a8bd8,
        #5b5ee0 53%,
        #9857df
    );
    -webkit-background-clip: text;
    background-clip: text;
    filter: drop-shadow(0 8px 18px rgba(90, 92, 224, 0.13));
    font-weight: 500;
    -webkit-text-fill-color: transparent;
}

.wup-public-v553 .wup-audience-v12-brand {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 4px 10px;
    color: #ffffff;
    border: 1px solid rgba(60, 118, 224, 0.18);
    border-radius: 11px;
    background: linear-gradient(
        145deg,
        #2fb9d3,
        var(--wup-audience-v12-blue)
    );
    box-shadow:
        0 9px 23px rgba(59, 99, 201, 0.18),
        inset 0 1px rgba(255, 255, 255, 0.22);
    font-size: 0.72em;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.wup-public-v553 .wup-audience-v12-brand::before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #70e4bd;
    content: "";
    box-shadow:
        0 0 0 4px rgba(36, 194, 145, 0.11),
        0 0 12px #43cfa3;
}

.wup-public-v553 .wup-audience-v12-subtitle {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    max-width: 770px;
    margin: 13px 0 0;
    padding: 8px 9px 8px 8px;
    color: #5f738b;
    border: 1px solid rgba(79, 119, 177, 0.12);
    border-radius: 13px;
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.9),
        rgba(231, 245, 251, 0.78)
    );
    box-shadow:
        0 12px 28px rgba(41, 73, 118, 0.09),
        inset 0 1px rgba(255, 255, 255, 0.88);
    font-size: 12px;
    line-height: 1.4;
    text-align: left;
}

.wup-public-v553 .wup-audience-v12-subtitle-icon {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    color: #ffffff;
    border-radius: 11px;
    background: linear-gradient(
        145deg,
        #2ebbd5,
        var(--wup-audience-v12-blue)
    );
    box-shadow: 0 8px 19px rgba(59, 117, 255, 0.2);
}

.wup-public-v553 .wup-audience-v12-subtitle-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    color: #16866b;
    border-radius: 9px;
    background: rgba(30, 190, 143, 0.09);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
}

.wup-public-v553 .wup-audience-v12-subtitle-badge::before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    content: "";
    box-shadow:
        0 0 0 4px rgba(30, 190, 143, 0.08),
        0 0 12px currentColor;
}

.wup-public-v553 .wup-audience-v12-stage {
    position: relative;
    min-height: 410px;
    padding: 68px 28px;
}

.wup-public-v553 .wup-audience-v12-stream-window {
    position: absolute;
    z-index: 0;
    right: 0;
    left: 0;
    overflow: hidden;
    padding: 8px 0;
    opacity: 0.7;
    pointer-events: none;
    -webkit-mask-image: linear-gradient(
        90deg,
        transparent,
        #000000 8%,
        #000000 92%,
        transparent
    );
    mask-image: linear-gradient(
        90deg,
        transparent,
        #000000 8%,
        #000000 92%,
        transparent
    );
}

.wup-public-v553 .wup-audience-v12-stream-window.is-top {
    top: 4px;
}

.wup-public-v553 .wup-audience-v12-stream-window.is-bottom {
    bottom: 4px;
}

.wup-public-v553 .wup-audience-v12-stream {
    display: flex;
    gap: 8px;
    width: max-content;
    transform: translateX(0);
    animation: wup-audience-v12-stream 34s ease-in-out infinite alternate;
}

.wup-public-v553
    .wup-audience-v12-stream-window.is-bottom
    .wup-audience-v12-stream {
    animation-direction: alternate-reverse;
    animation-duration: 39s;
}

.wup-public-v553 .wup-audience-v12-chip {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 165px;
    min-height: 45px;
    padding: 5px 10px 5px 5px;
    color: #415570;
    border: 1px solid rgba(57, 97, 159, 0.09);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 8px 18px rgba(52, 77, 117, 0.06);
    font-size: 10px;
}

.wup-public-v553 .wup-audience-v12-chip > i,
.wup-public-v553 .wup-audience-v12-chip > .svg-inline--fa {
    width: 34px;
    height: 34px;
    padding: 9px;
    color: #ffffff;
    border-radius: 10px;
    background: linear-gradient(
        145deg,
        #1fc8dc,
        #396ce6
    );
}

.wup-public-v553 .wup-audience-v12-chip:nth-child(3n) > i,
.wup-public-v553
    .wup-audience-v12-chip:nth-child(3n)
    > .svg-inline--fa {
    background: linear-gradient(145deg, #8b61eb, #d855a1);
}

.wup-public-v553 .wup-audience-v12-chip:nth-child(4n) > i,
.wup-public-v553
    .wup-audience-v12-chip:nth-child(4n)
    > .svg-inline--fa {
    background: linear-gradient(145deg, #22c58f, #19a8b8);
}

.wup-public-v553 .wup-audience-v12-chip strong,
.wup-public-v553 .wup-audience-v12-chip small {
    display: block;
}

.wup-public-v553 .wup-audience-v12-chip strong {
    font-size: 11px;
}

.wup-public-v553 .wup-audience-v12-chip small {
    margin-top: 2px;
    color: #8493a7;
    font-size: 8px;
}

.wup-public-v553 .wup-audience-v12-console {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(250px, 0.74fr) minmax(0, 1.26fr);
    gap: 10px;
    width: min(1200px, 100%);
    margin: 0 auto;
    padding: 10px;
    border: 1px solid rgba(71, 107, 163, 0.13);
    border-radius: 21px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow:
        0 24px 50px rgba(39, 74, 122, 0.16),
        0 0 0 7px rgba(255, 255, 255, 0.35);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}

.wup-public-v553 .wup-audience-v12-control {
    padding: 8px;
    border-radius: 15px;
    background: linear-gradient(145deg, #eef4fb, #f8fbff);
}

.wup-public-v553 .wup-audience-v12-control-heading {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 1px 2px 9px;
    color: #243b5a;
}

.wup-public-v553 .wup-audience-v12-control-icon {
    display: grid;
    width: 31px;
    height: 31px;
    flex: 0 0 31px;
    place-items: center;
    color: #ffffff;
    border-radius: 10px;
    background: linear-gradient(
        145deg,
        #22c9d9,
        var(--wup-audience-v12-blue)
    );
    box-shadow: 0 8px 17px rgba(51, 111, 211, 0.18);
}

.wup-public-v553 .wup-audience-v12-control-heading strong,
.wup-public-v553 .wup-audience-v12-control-heading small {
    display: block;
}

.wup-public-v553 .wup-audience-v12-control-heading strong {
    font-size: 12px;
}

.wup-public-v553 .wup-audience-v12-control-heading small {
    margin-top: 1px;
    color: #75879e;
    font-size: 9px;
}

.wup-public-v553 .wup-audience-v12-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

.wup-public-v553 .wup-audience-v12-tab {
    display: flex;
    align-items: center;
    gap: 6px;
    min-height: 41px;
    padding: 5px;
    color: #64778f;
    border: 1px solid rgba(73, 106, 156, 0.08);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.72);
    cursor: pointer;
    font: inherit;
    font-size: 9px;
    text-align: left;
    transition:
        color 0.2s ease,
        border-color 0.2s ease,
        background 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.wup-public-v553 .wup-audience-v12-tab:hover {
    color: #2c4566;
    border-color: rgba(48, 112, 209, 0.18);
    transform: translateY(-1px);
}

.wup-public-v553 .wup-audience-v12-tab > i,
.wup-public-v553 .wup-audience-v12-tab > .svg-inline--fa {
    width: 28px;
    height: 28px;
    padding: 8px;
    color: #7086a1;
    border-radius: 9px;
    background: #e8eef8;
}

.wup-public-v553 .wup-audience-v12-tab.is-active {
    color: #ffffff;
    border-color: transparent;
    background: linear-gradient(135deg, #1dbbcf, #4967df);
    box-shadow: 0 9px 20px rgba(55, 104, 210, 0.2);
}

.wup-public-v553 .wup-audience-v12-tab.is-active > i,
.wup-public-v553
    .wup-audience-v12-tab.is-active
    > .svg-inline--fa {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.16);
}

.wup-public-v553 .wup-audience-v12-result {
    position: relative;
    overflow: hidden;
    display: grid;
    min-height: 248px;
    align-content: center;
    padding: 12px;
    color: var(--wup-audience-v12-ink);
    border-radius: 16px;
    background:
        radial-gradient(
            circle at 18px 18px,
            rgba(52, 135, 184, 0.07) 1px,
            transparent 1.5px
        ) 0 0 / 31px 31px,
        radial-gradient(
            circle at 10px 8px,
            rgba(96, 111, 185, 0.05) 1px,
            transparent 1.5px
        ) 0 0 / 27px 27px,
        linear-gradient(145deg, #dceaf3, #d5e5f0 56%, #e4e9f5);
}

.wup-public-v553 .wup-audience-v12-result::after {
    position: absolute;
    top: -78px;
    right: -66px;
    width: 210px;
    height: 210px;
    border: 30px solid rgba(54, 140, 201, 0.07);
    border-radius: 50%;
    content: "";
}

.wup-public-v553 .wup-audience-v12-telegram-heading {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    padding: 2px 4px;
    color: #41617a;
}

.wup-public-v553 .wup-audience-v12-telegram-icon {
    display: grid;
    width: 31px;
    height: 31px;
    flex: 0 0 31px;
    place-items: center;
    color: #ffffff;
    border-radius: 50%;
    background: linear-gradient(145deg, #2ebbea, #2188cb);
    box-shadow: 0 7px 17px rgba(32, 145, 205, 0.24);
}

.wup-public-v553 .wup-audience-v12-telegram-heading strong,
.wup-public-v553 .wup-audience-v12-telegram-heading small {
    display: block;
}

.wup-public-v553 .wup-audience-v12-telegram-heading strong {
    color: #24465f;
    font-size: 11px;
}

.wup-public-v553 .wup-audience-v12-telegram-heading small {
    margin-top: 1px;
    color: #71889b;
    font-size: 8px;
}

.wup-public-v553 .wup-audience-v12-telegram-status {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-left: auto;
    padding: 5px 7px;
    color: #148269;
    border: 1px solid rgba(35, 170, 139, 0.16);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.55);
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
}

.wup-public-v553 .wup-audience-v12-telegram-status::before {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: currentColor;
    content: "";
    box-shadow: 0 0 8px currentColor;
}

.wup-public-v553 .wup-audience-v12-message {
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 14px 15px 12px;
    border: 1px solid rgba(63, 109, 145, 0.09);
    border-radius: 7px 16px 16px 16px;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 13px 27px rgba(54, 83, 112, 0.13);
}

.wup-public-v553 .wup-audience-v12-message::before {
    position: absolute;
    top: 0;
    left: -7px;
    width: 14px;
    height: 16px;
    background: rgba(255, 255, 255, 0.95);
    clip-path: polygon(100% 0, 100% 100%, 0 0);
    content: "";
}

.wup-public-v553 .wup-audience-v12-message-heading {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.wup-public-v553 .wup-audience-v12-category {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #1c3d57;
    font-size: 12px;
}

.wup-public-v553 .wup-audience-v12-category-icon {
    display: inline-grid;
    width: 38px;
    height: 38px;
    place-items: center;
    flex: 0 0 38px;
    color: #ffffff;
    border-radius: 12px;
    background: linear-gradient(145deg, #29bce2, #318fd2);
    box-shadow: 0 9px 20px rgba(32, 190, 221, 0.2);
}

.wup-public-v553 .wup-audience-v12-category-icon > i,
.wup-public-v553
    .wup-audience-v12-category-icon
    > .svg-inline--fa {
    width: 16px;
    height: 16px;
}

.wup-public-v553 .wup-audience-v12-message-status {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #2783b6;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
}

.wup-public-v553 .wup-audience-v12-message-status::before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    content: "";
    box-shadow: 0 0 10px currentColor;
}

.wup-public-v553 .wup-audience-v12-message blockquote {
    position: relative;
    z-index: 1;
    margin: 17px 0 0;
    padding: 0;
    color: #172f45;
    border: 0;
    font-size: clamp(18px, 2.5vw, 25px);
    font-weight: 500;
    line-height: 1.23;
}

.wup-public-v553 .wup-audience-v12-message-meta {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 15px;
}

.wup-public-v553 .wup-audience-v12-message-meta span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 7px;
    border: 1px solid rgba(70, 121, 158, 0.1);
    border-radius: 8px;
    font-size: 8px;
}

.wup-public-v553 .wup-audience-v12-message-meta span:nth-child(1) {
    color: #217dac;
    border-color: rgba(43, 146, 198, 0.16);
    background: #e4f4fb;
}

.wup-public-v553 .wup-audience-v12-message-meta span:nth-child(2) {
    color: #a26a18;
    border-color: rgba(224, 154, 48, 0.18);
    background: #fff4df;
}

.wup-public-v553 .wup-audience-v12-message-meta span:nth-child(3) {
    color: #6f55bd;
    border-color: rgba(119, 87, 196, 0.16);
    background: #f1ecff;
}

.wup-public-v553 .wup-audience-v12-message footer {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    margin-top: 13px;
    color: #7890a3;
    font-size: 9px;
}

.wup-public-v553 .wup-audience-v12-detected {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 8px;
    color: #137d62;
    border: 1px solid rgba(31, 171, 131, 0.14);
    border-radius: 999px;
    background: linear-gradient(90deg, #e6f8f1, #edf9f4);
    box-shadow: 0 6px 15px rgba(30, 160, 119, 0.08);
    font-weight: 700;
}

.wup-public-v553 .wup-audience-v12-detected > i,
.wup-public-v553 .wup-audience-v12-detected > .svg-inline--fa {
    color: var(--wup-audience-v12-green);
    animation: wup-audience-v12-detected 1.8s ease-in-out infinite;
}

.wup-public-v553 .wup-audience-v12-message footer time {
    color: #8aa0b1;
    font-size: 8px;
}

.wup-public-v553 .wup-audience-v12-summary {
    position: relative;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    margin: 2px 28px 0;
    padding: 9px 12px 9px 9px;
    color: #526a84;
    border: 1px solid rgba(64, 109, 180, 0.1);
    border-radius: 13px;
    background: linear-gradient(
        90deg,
        rgba(220, 242, 249, 0.88),
        rgba(235, 238, 255, 0.86)
    );
    box-shadow:
        0 10px 24px rgba(46, 80, 128, 0.08),
        inset 0 1px rgba(255, 255, 255, 0.8);
    font-size: 11px;
    text-align: left;
}

.wup-public-v553 .wup-audience-v12-summary-icon {
    display: inline-grid;
    width: 34px;
    height: 34px;
    place-items: center;
    flex: 0 0 34px;
    color: #ffffff;
    border-radius: 10px;
    background: linear-gradient(
        145deg,
        #20bfd3,
        var(--wup-audience-v12-blue)
    );
    box-shadow: 0 8px 17px rgba(62, 104, 210, 0.18);
}

.wup-public-v553 .wup-audience-v12-summary strong {
    color: #243e5e;
}

.wup-public-v553 .wup-audience-v12-summary-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-left: auto;
    padding: 5px 8px;
    color: #5263c4;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.62);
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
}

.wup-public-v553 .wup-audience-v12-summary-badge::before {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: currentColor;
    content: "";
    box-shadow: 0 0 7px currentColor;
}

@keyframes wup-audience-v12-stream {
    to {
        transform: translateX(
            var(--wup-audience-v12-stream-travel, -45%)
        );
    }
}

@keyframes wup-audience-v12-detected {
    0%,
    100% {
        filter: drop-shadow(0 0 0 rgba(24, 167, 125, 0));
        transform: scale(0.96);
    }

    50% {
        filter: drop-shadow(0 0 6px rgba(24, 167, 125, 0.65));
        transform: scale(1.08);
    }
}

@media (max-width: 820px) {
    .wup-public-v553 .wup-audience-v12-console {
        grid-template-columns: 1fr;
    }

    .wup-public-v553 .wup-audience-v12-stage {
        padding-top: 62px;
        padding-bottom: 62px;
    }
}

@media (max-width: 560px) {
    .wup-public-v553 .wup-audience-v12 {
        padding: 24px 0;
    }

    .wup-public-v553 .wup-audience-v12-frame {
        padding: 20px 0;
        border-radius: 20px;
    }

    .wup-public-v553 .wup-audience-v12-heading {
        margin-bottom: 17px;
        padding: 0 12px;
    }

    .wup-public-v553 .wup-audience-v12-heading-line {
        display: none;
    }

    .wup-public-v553 .wup-audience-v12-kicker {
        max-width: 100%;
        white-space: normal;
        text-align: left;
    }

    .wup-public-v553 .wup-audience-v12-heading h2 {
        gap: 3px 5px;
        font-size: 26px;
    }

    .wup-public-v553 .wup-audience-v12-subtitle {
        grid-template-columns: 36px minmax(0, 1fr);
    }

    .wup-public-v553 .wup-audience-v12-subtitle-badge {
        grid-column: 2;
        justify-self: start;
    }

    .wup-public-v553 .wup-audience-v12-stage {
        min-height: 0;
        padding: 57px 12px;
    }

    .wup-public-v553 .wup-audience-v12-console {
        padding: 7px;
        border-radius: 17px;
        box-shadow: 0 18px 40px rgba(39, 74, 122, 0.14);
    }

    .wup-public-v553 .wup-audience-v12-result {
        min-height: 230px;
        padding: 9px;
    }

    .wup-public-v553 .wup-audience-v12-message-heading,
    .wup-public-v553 .wup-audience-v12-message footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .wup-public-v553 .wup-audience-v12-summary {
        margin-right: 12px;
        margin-left: 12px;
    }

    .wup-public-v553 .wup-audience-v12-summary-badge {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wup-public-v553 .wup-audience-v12-stream,
    .wup-public-v553 .wup-audience-v12-detected > i,
    .wup-public-v553
        .wup-audience-v12-detected
        > .svg-inline--fa {
        animation: none;
    }
}



/*
 * WUP Lead Monitor — передтарифний CTA-блок.
 * Додати в /assets/app/css/public-homepage.css.
 */

.wup-cta-v14c {
    --wup-cta-v14c-deep: #030914;
    --wup-cta-v14c-navy: #07172c;
    --wup-cta-v14c-text: #f4f8ff;
    --wup-cta-v14c-muted: #b2bfd3;
    --wup-cta-v14c-blue: #287aff;
    --wup-cta-v14c-cyan: #21dcff;
    --wup-cta-v14c-purple: #935fff;
    --wup-cta-v14c-pink: #ff4fb8;
    --wup-cta-v14c-green: #46e89e;
    --wup-cta-v14c-line: rgba(158, 191, 235, 0.16);

    position: relative;
    min-height: 320px;
    overflow: hidden;
    color: var(--wup-cta-v14c-text);
    background:
        radial-gradient(
            circle at 14% 62%,
            rgba(33, 220, 255, 0.22),
            transparent 30%
        ),
        radial-gradient(
            circle at 87% 42%,
            rgba(255, 79, 184, 0.20),
            transparent 29%
        ),
        radial-gradient(
            circle at 50% 115%,
            rgba(147, 95, 255, 0.27),
            transparent 38%
        ),
        linear-gradient(
            124deg,
            var(--wup-cta-v14c-deep),
            var(--wup-cta-v14c-navy) 52%,
            #0b0928
        );
    isolation: isolate;
}

.wup-cta-v14c::before {
    content: "";
    position: absolute;
    inset: 39px 0 0;
    z-index: -2;
    background:
        linear-gradient(
            90deg,
            transparent 49.8%,
            rgba(33, 220, 255, 0.075) 50%,
            transparent 50.2%
        ),
        linear-gradient(
            0deg,
            transparent 49.8%,
            rgba(33, 220, 255, 0.05) 50%,
            transparent 50.2%
        );
    background-size: 54px 54px;
    mask-image: radial-gradient(circle at center, #000 10%, transparent 74%);
}

.wup-cta-v14c .wup-cta-v14c-stream {
    position: absolute;
    inset: 0 0 auto;
    z-index: 5;
    height: 29px;
    overflow: hidden;
    border-bottom: 1px solid var(--wup-cta-v14c-line);
    background: rgba(2, 8, 18, 0.76);
}

.wup-cta-v14c .wup-cta-v14c-stream-track {
    display: flex;
    width: max-content;
    animation: wup-cta-v14c-stream 24s linear infinite;
    will-change: transform;
}

.wup-cta-v14c .wup-cta-v14c-stream-track > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 29px;
    padding: 0 22px;
    color: var(--wup-cta-v14c-muted);
    white-space: nowrap;
    border-right: 1px solid var(--wup-cta-v14c-line);
	font-size: 14px;
}

.wup-cta-v14c .wup-cta-v14c-stream-track > span > i {
    color: var(--wup-cta-v14c-cyan);
    font-size: 14px;
}

.wup-cta-v14c .wup-cta-v14c-content {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: min(850px, calc(100% - 34px));
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 20px;
    text-align: center;
}

.wup-cta-v14c .wup-cta-v14c-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 32px;
    padding: 5px 13px;
    color: var(--wup-cta-v14c-cyan);
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background: linear-gradient(
        90deg,
        rgba(33, 220, 255, 0.10),
        rgba(147, 95, 255, 0.10)
    );
    box-shadow: 0 0 28px rgba(33, 220, 255, 0.10);
}

.wup-cta-v14c .wup-cta-v14c-kicker > b {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--wup-cta-v14c-green);
    box-shadow: 0 0 0 0 rgba(70, 232, 158, 0.60);
    animation: wup-cta-v14c-pulse 1.7s infinite;
}

.wup-cta-v14c .wup-cta-v14c-kicker > i {
    font-size: 15px;
}

.wup-cta-v14c h2#wup-cta-v14c-title {
    margin: 12px 0 0;
    max-width: 820px;
    color: var(--wup-cta-v14c-text);
    font-size: clamp(30px, 4vw, 48px);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -0.035em;
    text-align: center;
    text-shadow: 0 0 30px rgba(40, 122, 255, 0.22);
}

.wup-cta-v14c h2#wup-cta-v14c-title > em {
    position: relative;
    display: inline-block;
    color: var(--wup-cta-v14c-cyan);
    font-style: normal;
    white-space: nowrap;
}

.wup-cta-v14c h2#wup-cta-v14c-title > em::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    height: 2px;
    transform-origin: center;
    background: linear-gradient(
        90deg,
        transparent,
        var(--wup-cta-v14c-cyan),
        var(--wup-cta-v14c-pink),
        transparent
    );
    animation: wup-cta-v14c-title-line 2.7s ease-in-out infinite;
}

.wup-cta-v14c .wup-cta-v14c-description {
    max-width: 650px;
    margin: 13px 0 18px;
    color: var(--wup-cta-v14c-muted);
    font-size: 17px;
    line-height: 1.45;
    text-align: center;
}

.wup-cta-v14c .wup-cta-v14c-primary {
    position: relative;
    display: inline-grid;
    grid-template-columns: 44px minmax(0, auto) 36px;
    align-items: center;
    gap: 10px;
    min-height: 60px;
    padding: 6px 23px 6px 8px;
    overflow: visible;
    color: var(--wup-home-register-ink);
    text-decoration: none;
    filter: drop-shadow(0 15px 22px var(--wup-home-register-shadow));
    transition:
        transform 0.25s ease,
        filter 0.25s ease;
}

.wup-cta-v14c .wup-cta-v14c-primary-background {
    position: absolute;
    inset: 0;
    z-index: -1;
    clip-path: polygon(
        20px 0,
        calc(100% - 20px) 0,
        100% 50%,
        calc(100% - 20px) 100%,
        20px 100%,
        0 50%
    );
    background: linear-gradient(110deg, var(--wup-home-register-start), var(--wup-home-register-end));
}

.wup-cta-v14c .wup-cta-v14c-primary::before,
.wup-cta-v14c .wup-cta-v14c-primary::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.wup-cta-v14c .wup-cta-v14c-primary::before {
    inset: -3px;
    z-index: -2;
    clip-path: polygon(
        21px 0,
        calc(100% - 21px) 0,
        100% 50%,
        calc(100% - 21px) 100%,
        21px 100%,
        0 50%
    );
    background: linear-gradient(90deg, #ffe99e, #ff9a37, #ffce59, #ffe99e);
    background-size: 240% 100%;
    animation: wup-cta-v14c-border 3s linear infinite;
}

.wup-cta-v14c .wup-cta-v14c-primary::after {
    inset: 0;
    z-index: 1;
    clip-path: polygon(
        20px 0,
        calc(100% - 20px) 0,
        100% 50%,
        calc(100% - 20px) 100%,
        20px 100%,
        0 50%
    );
    transform: translateX(-125%) skewX(-22deg);
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.34),
        transparent
    );
    animation: wup-cta-v14c-shine 3.2s ease-in-out infinite;
}

.wup-cta-v14c .wup-cta-v14c-primary:hover,
.wup-cta-v14c .wup-cta-v14c-primary:focus-visible {
    color: var(--wup-home-register-ink);
    text-decoration: none;
    transform: translateY(-3px) scale(1.02);
    filter: drop-shadow(0 18px 28px rgba(228, 105, 16, .44));
}

.wup-cta-v14c .wup-cta-v14c-primary-icon {
    position: relative;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    clip-path: polygon(
        11px 0,
        100% 0,
        100% calc(100% - 11px),
        calc(100% - 11px) 100%,
        0 100%,
        0 11px
    );
    background: rgba(255, 255, 255, 0.15);
}

.wup-cta-v14c .wup-cta-v14c-primary-copy {
    position: relative;
    z-index: 2;
    display: grid;
    gap: 1px;
    text-align: left;
}

.wup-cta-v14c .wup-cta-v14c-primary-copy > strong {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
}

.wup-cta-v14c .wup-cta-v14c-primary-copy > small {
    color: #554451;
    font-size: 12px;
    line-height: 1.2;
}

.wup-cta-v14c .wup-cta-v14c-primary-arrow {
    position: relative;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.14);
}

.wup-cta-v14c .wup-cta-v14c-primary-arrow > i {
    animation: wup-cta-v14c-arrow 1.6s ease-in-out infinite;
}

.wup-cta-v14c .wup-cta-v14c-note {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 12px;
    color: var(--wup-cta-v14c-muted);
    font-size: 13px;
    line-height: 1.35;
}

.wup-cta-v14c .wup-cta-v14c-note > i {
    color: var(--wup-cta-v14c-green);
}

.wup-cta-v14c .wup-cta-v14c-radar {
    position: absolute;
    left: 50%;
    top: 54%;
    z-index: -1;
    width: 430px;
    height: 430px;
    transform: translate(-50%, -50%);
    opacity: 0.16;
    pointer-events: none;
}

.wup-cta-v14c .wup-cta-v14c-ring {
    position: absolute;
    border: 1px solid var(--wup-cta-v14c-cyan);
    border-radius: 50%;
}

.wup-cta-v14c .wup-cta-v14c-ring.is-first {
    inset: 0;
    animation: wup-cta-v14c-ring 4s ease-out infinite;
}

.wup-cta-v14c .wup-cta-v14c-ring.is-second {
    inset: 75px;
    animation: wup-cta-v14c-ring 4s 1.1s ease-out infinite;
}

.wup-cta-v14c .wup-cta-v14c-ring.is-third {
    inset: 150px;
    animation: wup-cta-v14c-ring 4s 2.2s ease-out infinite;
}

.wup-cta-v14c .wup-cta-v14c-dot {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--wup-cta-v14c-cyan);
    box-shadow: 0 0 18px var(--wup-cta-v14c-cyan);
    animation: wup-cta-v14c-dot 4.5s ease-in-out infinite;
}

.wup-cta-v14c .wup-cta-v14c-dot.is-first {
    left: 15%;
    top: 42%;
}

.wup-cta-v14c .wup-cta-v14c-dot.is-second {
    right: 18%;
    top: 31%;
    animation-delay: -1.5s;
}

.wup-cta-v14c .wup-cta-v14c-dot.is-third {
    right: 30%;
    bottom: 18%;
    animation-delay: -3s;
}

.wup-cta-v14c .wup-cta-v14c-light > i {
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    filter: blur(18px);
    animation: wup-cta-v14c-float 6s ease-in-out infinite;
    pointer-events: none;
}

.wup-cta-v14c .wup-cta-v14c-light > i:nth-child(1) {
    left: 10%;
    top: 42%;
    width: 82px;
    height: 82px;
    background: rgba(33, 220, 255, 0.19);
}

.wup-cta-v14c .wup-cta-v14c-light > i:nth-child(2) {
    right: 11%;
    top: 35%;
    width: 96px;
    height: 96px;
    background: rgba(255, 79, 184, 0.16);
    animation-delay: -2s;
}

.wup-cta-v14c .wup-cta-v14c-light > i:nth-child(3) {
    left: 50%;
    bottom: -25px;
    width: 150px;
    height: 90px;
    background: rgba(147, 95, 255, 0.20);
    animation-delay: -4s;
}

.wup-cta-v14c.is-paused .wup-cta-v14c-stream-track,
.wup-cta-v14c.is-paused .wup-cta-v14c-kicker > b,
.wup-cta-v14c.is-paused h2#wup-cta-v14c-title > em::after,
.wup-cta-v14c.is-paused .wup-cta-v14c-primary::before,
.wup-cta-v14c.is-paused .wup-cta-v14c-primary::after,
.wup-cta-v14c.is-paused .wup-cta-v14c-primary-arrow > i,
.wup-cta-v14c.is-paused .wup-cta-v14c-ring,
.wup-cta-v14c.is-paused .wup-cta-v14c-dot,
.wup-cta-v14c.is-paused .wup-cta-v14c-light > i {
    animation-play-state: paused;
}

@keyframes wup-cta-v14c-stream {
    to {
        transform: translateX(-50%);
    }
}

@keyframes wup-cta-v14c-pulse {
    75%,
    100% {
        box-shadow: 0 0 0 10px rgba(70, 232, 158, 0);
    }
}

@keyframes wup-cta-v14c-title-line {
    0%,
    100% {
        transform: scaleX(0.35);
        opacity: 0.45;
    }

    50% {
        transform: scaleX(1);
        opacity: 1;
    }
}

@keyframes wup-cta-v14c-border {
    to {
        background-position: 240% 0;
    }
}

@keyframes wup-cta-v14c-shine {
    0%,
    58% {
        transform: translateX(-125%) skewX(-22deg);
    }

    84%,
    100% {
        transform: translateX(140%) skewX(-22deg);
    }
}

@keyframes wup-cta-v14c-arrow {
    50% {
        transform: translateX(4px);
    }
}

@keyframes wup-cta-v14c-ring {
    0% {
        transform: scale(0.88);
        opacity: 0;
    }

    35% {
        opacity: 1;
    }

    100% {
        transform: scale(1.08);
        opacity: 0;
    }
}

@keyframes wup-cta-v14c-dot {
    0%,
    100% {
        transform: translate(0, 0) scale(0.7);
        opacity: 0.25;
    }

    50% {
        transform: translate(10px, -8px) scale(1.25);
        opacity: 1;
    }
}

@keyframes wup-cta-v14c-float {
    50% {
        transform: translate(12px, -9px) scale(1.12);
    }
}

@media (max-width: 560px) {
    .wup-cta-v14c {
        min-height: 0;
    }

    .wup-cta-v14c .wup-cta-v14c-content {
        width: calc(100% - 28px);
        padding-bottom: 22px;
    }

    .wup-cta-v14c h2#wup-cta-v14c-title {
        font-size: clamp(28px, 9vw, 38px);
    }

    .wup-cta-v14c h2#wup-cta-v14c-title > em {
        white-space: normal;
    }

    .wup-cta-v14c .wup-cta-v14c-primary {
        grid-template-columns: 40px minmax(0, 1fr) 30px;
        width: calc(100% - 8px);
        padding-right: 17px;
    }

    .wup-cta-v14c .wup-cta-v14c-note {
        display: inline-block;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wup-cta-v14c .wup-cta-v14c-stream-track,
    .wup-cta-v14c .wup-cta-v14c-kicker > b,
    .wup-cta-v14c h2#wup-cta-v14c-title > em::after,
    .wup-cta-v14c .wup-cta-v14c-primary::before,
    .wup-cta-v14c .wup-cta-v14c-primary::after,
    .wup-cta-v14c .wup-cta-v14c-primary-arrow > i,
    .wup-cta-v14c .wup-cta-v14c-ring,
    .wup-cta-v14c .wup-cta-v14c-dot,
    .wup-cta-v14c .wup-cta-v14c-light > i {
        animation: none;
    }
}



/* ================================================================
   WUP Lead Monitor — homepage pricing, A2 Color Glass
   Add this block to /assets/app/css/public-homepage.css
   ================================================================ */

#pricing.wup-pricing-v14 {
    --wup-price-ink: #101b31;
    --wup-price-muted: #68758b;
    --wup-price-blue: #1268ff;
    --wup-price-cyan: #00bfe8;
    --wup-price-violet: #7048ef;
    --wup-price-green: #0caf79;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 20px 0 20px;
    color: var(--wup-price-ink);
    background:
        radial-gradient(circle at 12% 10%, rgba(0, 191, 232, 0.11), transparent 25%),
        radial-gradient(circle at 88% 20%, rgba(112, 72, 239, 0.11), transparent 26%),
        linear-gradient(180deg, #f8fbff 0%, #eef4ff 54%, #f9fbff 100%);
}

#pricing.wup-pricing-v14,
#pricing.wup-pricing-v14 *,
#pricing.wup-pricing-v14 *::before,
#pricing.wup-pricing-v14 *::after {
    box-sizing: border-box;
}

#pricing.wup-pricing-v14 .wup-home-shell {
    position: relative;
    z-index: 2;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-orb {
    position: absolute;
    z-index: -1;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    opacity: 0.45;
    filter: blur(4px);
    pointer-events: none;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-orb.is-blue {
    top: 8%;
    left: -250px;
    background: radial-gradient(circle, rgba(18, 104, 255, 0.22), transparent 68%);
}

#pricing.wup-pricing-v14 .wup-pricing-v14-orb.is-violet {
    right: -240px;
    bottom: 2%;
    background: radial-gradient(circle, rgba(112, 72, 239, 0.2), transparent 68%);
}

#pricing.wup-pricing-v14 .wup-pricing-v14-heading {
    width: min(850px, 100%);
    margin: 0 auto 24px;
    text-align: center;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 32px;
    padding: 5px 13px;
    border: 1px solid rgba(18, 104, 255, 0.13);
    border-radius: 999px;
    color: #175bd9;
    background: rgba(255, 255, 255, 0.74);
    box-shadow: 0 8px 25px rgba(35, 78, 146, 0.08);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    backdrop-filter: blur(12px);
}

#pricing.wup-pricing-v14 .wup-pricing-v14-kicker i {
    color: var(--wup-price-violet);
}

#pricing.wup-pricing-v14 .wup-pricing-v14-heading h2 {
    max-width: none;
    margin: 14px 0 0;
    color: var(--wup-price-ink);
    font-size: clamp(34px, 4vw, 56px);
    font-weight: 850;
    line-height: 1.02;
    letter-spacing: -0.045em;
    text-align: center;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-heading h2 strong {
    display: block;
    color: transparent;
    background: linear-gradient(100deg, var(--wup-price-blue), var(--wup-price-cyan) 45%, var(--wup-price-violet));
    background-clip: text;
    -webkit-background-clip: text;
    font-weight: inherit;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-heading > p {
    max-width: 640px;
    margin: 13px auto 0;
    color: var(--wup-price-muted);
    font-size: 15px;
    line-height: 1.55;
    text-align: center;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 15px;
    padding: 7px 12px;
    border: 1px solid rgba(29, 70, 133, 0.09);
    border-radius: 999px;
    color: #65738a;
    background: rgba(255, 255, 255, 0.66);
    box-shadow: 0 8px 22px rgba(44, 77, 128, 0.07);
    font-size: 11px;
    backdrop-filter: blur(12px);
}

#pricing.wup-pricing-v14 .wup-pricing-v14-status span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-status span i {
    color: var(--wup-price-green);
}

#pricing.wup-pricing-v14 .wup-pricing-v14-status > i {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #c4cfdf;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-stage {
    position: relative;
    width: min(1320px, 100%);
    margin: 0 auto;
    padding: 38px 48px 18px;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-presenter {
    position: absolute;
    z-index: 0;
    bottom: 4px;
    width: 245px;
    height: 540px;
    object-fit: cover;
    pointer-events: none;
    user-select: none;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-presenter.is-left {
    left: -148px;
    object-position: 82% center;
    transform: scaleX(-1);
}

#pricing.wup-pricing-v14 .wup-pricing-v14-presenter.is-right {
    right: -148px;
    object-position: 50% 24%;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-presenter-glow {
    position: absolute;
    z-index: -1;
    bottom: 10px;
    width: 210px;
    height: 470px;
    border-radius: 50%;
    filter: blur(40px);
    pointer-events: none;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-presenter-glow.is-left {
    left: -115px;
    background: rgba(0, 191, 232, 0.18);
}

#pricing.wup-pricing-v14 .wup-pricing-v14-presenter-glow.is-right {
    right: -115px;
    background: rgba(112, 72, 239, 0.17);
}

#pricing.wup-pricing-v14 .wup-pricing-v14-cards {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: stretch;
    gap: 12px;
    width: 100%;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-card {
    --wup-card-accent: #0caf79;
    --wup-card-accent-rgb: 12, 175, 121;
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 570px;
    overflow: hidden;
    border: 1px solid rgba(var(--wup-card-accent-rgb), 0.2);
    border-radius: 22px 22px 22px 8px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 19px 48px rgba(28, 61, 116, 0.13);
    opacity: 0;
    transform: translateY(20px);
    transition:
        opacity 0.55s ease,
        transform 0.55s cubic-bezier(0.2, 0.8, 0.2, 1),
        box-shadow 0.25s ease,
        border-color 0.25s ease;
    backdrop-filter: blur(18px);
}

#pricing.wup-pricing-v14 .wup-pricing-v14-card.is-visible {
    opacity: 1;
    transform: translateY(0);
}

#pricing.wup-pricing-v14 .wup-pricing-v14-card.is-trial {
    --wup-card-accent: #0caf79;
    --wup-card-accent-rgb: 12, 175, 121;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-card.is-starter {
    --wup-card-accent: #069ee7;
    --wup-card-accent-rgb: 6, 158, 231;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-card.is-business {
    --wup-card-accent: #7048ef;
    --wup-card-accent-rgb: 112, 72, 239;
    border-color: rgba(112, 72, 239, 0.37);
    box-shadow: 0 28px 64px rgba(78, 62, 190, 0.22);
}

#pricing.wup-pricing-v14 .wup-pricing-v14-card.is-business.is-visible {
    transform: translateY(-13px);
}

#pricing.wup-pricing-v14 .wup-pricing-v14-card.is-maximum {
    --wup-card-accent: #d99a17;
    --wup-card-accent-rgb: 217, 154, 23;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-card:hover {
    border-color: rgba(var(--wup-card-accent-rgb), 0.38);
    box-shadow: 0 26px 58px rgba(28, 61, 116, 0.18), 0 0 30px rgba(var(--wup-card-accent-rgb), 0.1);
    transform: translateY(-4px);
}

#pricing.wup-pricing-v14 .wup-pricing-v14-card.is-business:hover {
    transform: translateY(-17px);
}

#pricing.wup-pricing-v14 .wup-pricing-v14-card-inner {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-card-head {
    position: relative;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-height: 82px;
    padding: 15px 15px 14px;
    overflow: hidden;
    color: #ffffff;
    background: linear-gradient(125deg, var(--wup-card-accent), rgba(var(--wup-card-accent-rgb), 0.72));
}

#pricing.wup-pricing-v14 .wup-pricing-v14-card-head::after {
    content: "";
    position: absolute;
    top: -42px;
    right: -28px;
    width: 112px;
    height: 112px;
    border: 18px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-plan-icon {
    position: relative;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 14px 14px 14px 5px;
    color: var(--wup-card-accent);
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.13);
}

#pricing.wup-pricing-v14 .wup-pricing-v14-plan-icon i {
    font-size: 18px;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-card-title {
    position: relative;
    z-index: 2;
    min-width: 0;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-card-title h3 {
    margin: 0;
    color: #ffffff;
    font-size: 20px;
    font-weight: 850;
    line-height: 1.05;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-card-title small {
    display: block;
    margin-top: 5px;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.82);
    font-size: 10px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-badge {
    position: absolute;
    z-index: 4;
    top: 9px;
    right: 9px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 24px;
    padding: 4px 8px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 999px;
    color: #ffffff;
    background: rgba(12, 24, 51, 0.2);
    box-shadow: 0 7px 17px rgba(28, 25, 87, 0.15);
    font-size: 9px;
    font-weight: 850;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    backdrop-filter: blur(8px);
}

#pricing.wup-pricing-v14 .wup-pricing-v14-card-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
    padding: 13px;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-description {
    min-height: 46px;
    margin: 0;
    color: #65748a;
    font-size: 11px;
    line-height: 1.4;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-price {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin: 12px 0;
    padding: 12px 11px;
    overflow: hidden;
    border: 1px solid rgba(var(--wup-card-accent-rgb), 0.16);
    border-radius: 15px 15px 15px 5px;
    background: linear-gradient(120deg, rgba(var(--wup-card-accent-rgb), 0.1), #ffffff 48%, rgba(var(--wup-card-accent-rgb), 0.08));
    box-shadow: 0 11px 24px rgba(var(--wup-card-accent-rgb), 0.1), inset 0 1px rgba(255, 255, 255, 0.92);
}

#pricing.wup-pricing-v14 .wup-pricing-v14-price::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 12px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(var(--wup-card-accent-rgb), 0.15);
    filter: blur(11px);
    transform: translateY(-50%);
    animation: wupPricingV14PriceGlow 2.8s ease-in-out infinite;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-price::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0 auto 0 -32%;
    width: 24%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.92), transparent);
    transform: skewX(-18deg);
    animation: wupPricingV14PriceSheen 3.6s ease-in-out infinite;
    pointer-events: none;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-price strong {
    position: relative;
    z-index: 2;
    color: var(--wup-card-accent);
    font-size: 25px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.035em;
    white-space: nowrap;
    text-shadow: 0 7px 18px rgba(var(--wup-card-accent-rgb), 0.16);
}

#pricing.wup-pricing-v14 .wup-pricing-v14-price.is-price-updated strong {
    animation: wupPricingV14PriceUpdate 0.48s cubic-bezier(0.2, 0.8, 0.2, 1);
}

#pricing.wup-pricing-v14 .wup-pricing-v14-price span {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 27px;
    padding: 5px 7px;
    border: 1px solid rgba(var(--wup-card-accent-rgb), 0.12);
    border-radius: 999px;
    color: #5d6c84;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 5px 12px rgba(27, 59, 116, 0.06);
    font-size: 9px;
    white-space: nowrap;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-price span i {
    color: var(--wup-card-accent);
}

#pricing.wup-pricing-v14 .wup-pricing-v14-primary-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-primary-metric {
    min-width: 0;
    padding: 9px;
    overflow: hidden;
    border: 1px solid rgba(var(--wup-card-accent-rgb), 0.06);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(var(--wup-card-accent-rgb), 0.08), #f8faff);
}

#pricing.wup-pricing-v14 .wup-pricing-v14-primary-metric span {
    display: flex;
    align-items: center;
    gap: 5px;
    overflow: hidden;
    color: #738197;
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-primary-metric span i {
    flex: 0 0 auto;
    color: var(--wup-card-accent);
}

#pricing.wup-pricing-v14 .wup-pricing-v14-primary-metric b {
    display: block;
    margin-top: 5px;
    color: var(--wup-price-ink);
    font-size: 17px;
    font-weight: 850;
    line-height: 1;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-secondary {
    display: grid;
    gap: 5px;
    margin-top: 10px;
    padding-top: 9px;
    border-top: 1px solid rgba(19, 58, 122, 0.09);
}

#pricing.wup-pricing-v14 .wup-pricing-v14-secondary > div {
    display: flex;
    align-items: center;
    gap: 6px;
    min-height: 19px;
    color: #56657c;
    font-size: 10px;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-secondary > div i {
    width: 13px;
    color: var(--wup-card-accent);
    text-align: center;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-secondary > div b {
    margin-left: auto;
    color: var(--wup-price-ink);
    font-weight: 800;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-capabilities {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
    width: 100%;
    margin-top: auto;
    padding-top: 11px;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-capability {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    min-width: 0;
    min-height: 29px;
    padding: 5px 7px;
    border: 1px solid rgba(19, 175, 125, 0.07);
    border-radius: 10px;
    color: #17765a;
    background: linear-gradient(135deg, #e9faf3, #f3fcf9);
    font-size: 9px;
    font-weight: 750;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-capability i {
    flex: 0 0 auto;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-capability span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-capability.is-off {
    border-color: rgba(109, 123, 145, 0.06);
    color: #8b96a7;
    background: #f0f3f7;
    opacity: 0.78;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-capability.is-off span {
    text-decoration: line-through;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-empty {
    grid-column: 1 / -1;
    padding: 28px;
    border: 1px solid rgba(18, 104, 255, 0.12);
    border-radius: 20px;
    color: var(--wup-price-muted);
    background: rgba(255, 255, 255, 0.78);
    text-align: center;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-cta {
    position: relative;
    z-index: 4;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    width: min(760px, calc(100% - 28px));
    margin: 12px auto 0;
    padding: 10px 10px 10px 16px;
    overflow: hidden;
    border: 1px solid rgba(18, 104, 255, 0.14);
    border-radius: 20px 20px 20px 7px;
    background: rgba(255, 255, 255, 0.91);
    box-shadow: 0 18px 45px rgba(31, 61, 118, 0.14);
    backdrop-filter: blur(18px);
}

#pricing.wup-pricing-v14 .wup-pricing-v14-cta::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 -20%;
    width: 15%;
    background: linear-gradient(90deg, transparent, rgba(0, 191, 232, 0.11), transparent);
    animation: wupPricingV14CtaScan 4.2s linear infinite;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-cta-icon {
    position: relative;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 14px 14px 14px 5px;
    color: #ffffff;
    background: linear-gradient(135deg, var(--wup-price-green), var(--wup-price-cyan));
    box-shadow: 0 9px 21px rgba(19, 175, 125, 0.21);
}

#pricing.wup-pricing-v14 .wup-pricing-v14-cta-copy {
    position: relative;
    z-index: 2;
    min-width: 0;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-cta-copy strong {
    display: block;
    color: var(--wup-price-ink);
    font-size: 15px;
    line-height: 1.15;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-cta-copy small {
    display: block;
    margin-top: 4px;
    color: #718097;
    font-size: 10px;
    line-height: 1.35;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-cta-button {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 47px;
    padding: 8px 18px;
    border-radius: 15px 15px 15px 5px;
    color: var(--wup-home-register-ink);
    background: linear-gradient(135deg, var(--wup-home-register-start), var(--wup-home-register-end));
    box-shadow: 0 12px 27px var(--wup-home-register-shadow);
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-cta-button:hover,
#pricing.wup-pricing-v14 .wup-pricing-v14-cta-button:focus-visible {
    color: var(--wup-home-register-ink);
    box-shadow: 0 16px 32px rgba(228, 105, 16, .40);
    transform: translateY(-2px);
    text-decoration: none;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    max-width: 760px;
    margin: 12px auto 0;
    color: #758399;
    font-size: 10px;
    line-height: 1.45;
    text-align: center;
}

#pricing.wup-pricing-v14 .wup-pricing-v14-note i {
    color: var(--wup-price-green);
}

@keyframes wupPricingV14PriceGlow {
    0%, 100% {
        opacity: 0.55;
        transform: translateY(-50%) scale(0.92);
    }
    50% {
        opacity: 1;
        transform: translateY(-50%) scale(1.12);
    }
}

@keyframes wupPricingV14PriceSheen {
    0%, 28% {
        left: -32%;
    }
    62%, 100% {
        left: 118%;
    }
}

@keyframes wupPricingV14PriceUpdate {
    0% {
        opacity: 0.4;
        transform: translateY(5px) scale(0.97);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes wupPricingV14CtaScan {
    from {
        left: -20%;
    }
    to {
        left: 116%;
    }
}

@media (max-width: 1360px) {
    #pricing.wup-pricing-v14 .wup-pricing-v14-stage {
        padding-inline: 38px;
    }

    #pricing.wup-pricing-v14 .wup-pricing-v14-presenter {
        width: 215px;
        height: 500px;
        opacity: 0.5;
    }

    #pricing.wup-pricing-v14 .wup-pricing-v14-presenter.is-left {
        left: -92px;
    }

    #pricing.wup-pricing-v14 .wup-pricing-v14-presenter.is-right {
        right: -92px;
    }

    #pricing.wup-pricing-v14 .wup-pricing-v14-price strong {
        font-size: 22px;
    }
}

@media (max-width: 1060px) {
    #pricing.wup-pricing-v14 .wup-pricing-v14-stage {
        padding: 32px 18px 16px;
    }

    #pricing.wup-pricing-v14 .wup-pricing-v14-presenter,
    #pricing.wup-pricing-v14 .wup-pricing-v14-presenter-glow {
        display: none;
    }

    #pricing.wup-pricing-v14 .wup-pricing-v14-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #pricing.wup-pricing-v14 .wup-pricing-v14-card {
        min-height: 0;
    }

    #pricing.wup-pricing-v14 .wup-pricing-v14-card.is-business.is-visible,
    #pricing.wup-pricing-v14 .wup-pricing-v14-card.is-business:hover {
        transform: translateY(-7px);
    }
}

@media (max-width: 680px) {
    #pricing.wup-pricing-v14 {
        padding: 46px 0 38px;
    }

    #pricing.wup-pricing-v14 .wup-pricing-v14-heading {
        margin-bottom: 12px;
        padding: 0 10px;
    }

    #pricing.wup-pricing-v14 .wup-pricing-v14-heading h2 {
        font-size: clamp(31px, 10vw, 42px);
    }

    #pricing.wup-pricing-v14 .wup-pricing-v14-heading > p {
        font-size: 14px;
    }

    #pricing.wup-pricing-v14 .wup-pricing-v14-status {
        flex-wrap: wrap;
        gap: 6px 9px;
        border-radius: 14px;
    }

    #pricing.wup-pricing-v14 .wup-pricing-v14-status > i {
        display: none;
    }

    #pricing.wup-pricing-v14 .wup-pricing-v14-stage {
        padding: 14px 4px 8px;
    }

    #pricing.wup-pricing-v14 .wup-pricing-v14-cards {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    #pricing.wup-pricing-v14 .wup-pricing-v14-card,
    #pricing.wup-pricing-v14 .wup-pricing-v14-card.is-business.is-visible,
    #pricing.wup-pricing-v14 .wup-pricing-v14-card.is-business:hover {
        min-height: 0;
        transform: none;
    }

    #pricing.wup-pricing-v14 .wup-pricing-v14-description {
        min-height: 0;
    }

    #pricing.wup-pricing-v14 .wup-pricing-v14-cta {
        grid-template-columns: 42px minmax(0, 1fr);
        width: calc(100% - 8px);
        padding: 11px;
    }

    #pricing.wup-pricing-v14 .wup-pricing-v14-cta-button {
        grid-column: 1 / -1;
        width: 100%;
    }

    #pricing.wup-pricing-v14 .wup-pricing-v14-note {
        padding: 0 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    #pricing.wup-pricing-v14 *,
    #pricing.wup-pricing-v14 *::before,
    #pricing.wup-pricing-v14 *::after {
        scroll-behavior: auto;
        animation-duration: 0.01ms;
        animation-iteration-count: 1;
    }

    #pricing.wup-pricing-v14 .wup-pricing-v14-card {
        opacity: 1;
        transform: none;
        transition: none;
    }
}



/* П'ятнадцятий блок: Premium Accordion FAQ. */
.wup-public-v553 .wup-story-section.wup-faq-v15 {
    --wup-faq-v15-bg-start: #274c78;
    --wup-faq-v15-bg-middle: #3a4f87;
    --wup-faq-v15-bg-end: #28718a;
    --wup-faq-v15-panel: rgba(25, 52, 87, 0.78);
    --wup-faq-v15-panel-open: rgba(31, 65, 106, 0.94);
    --wup-faq-v15-border: rgba(206, 229, 255, 0.22);
    --wup-faq-v15-text: #f8fbff;
    --wup-faq-v15-muted: #d2e1f2;
    --wup-faq-v15-blue: #8fc1ff;
    --wup-faq-v15-cyan: #65edff;
    --wup-faq-v15-violet: #c2aaff;
    --wup-faq-v15-green: #67edbe;
    --wup-faq-v15-coral: #ffa2bc;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 32px 0 24px;
    background:
        radial-gradient(circle at 12% 20%, rgba(101, 237, 255, 0.22), transparent 29%),
        radial-gradient(circle at 88% 5%, rgba(194, 170, 255, 0.26), transparent 27%),
        radial-gradient(circle at 72% 92%, rgba(103, 237, 190, 0.13), transparent 25%),
        linear-gradient(
            135deg,
            var(--wup-faq-v15-bg-start),
            var(--wup-faq-v15-bg-middle) 56%,
            var(--wup-faq-v15-bg-end)
        );
    color: var(--wup-faq-v15-text);
}

.wup-public-v553 .wup-story-section.wup-faq-v15::before {
    position: absolute;
    z-index: -2;
    inset: -45%;
    background: conic-gradient(
        from 20deg,
        transparent 0 20%,
        rgba(101, 237, 255, 0.09) 26%,
        transparent 33% 58%,
        rgba(194, 170, 255, 0.11) 66%,
        transparent 73%
    );
    content: "";
    animation: wup-faq-v15-aurora 24s linear infinite;
}

.wup-public-v553 .wup-story-section.wup-faq-v15::after {
    position: absolute;
    z-index: -1;
    inset: 0;
    background-image:
        linear-gradient(rgba(235, 245, 255, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(235, 245, 255, 0.025) 1px, transparent 1px);
    background-size: 34px 34px;
    content: "";
    pointer-events: none;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.72), transparent 78%);
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.72), transparent 78%);
}

.wup-faq-v15 .wup-home-shell {
    position: relative;
    z-index: 1;
}

.wup-faq-v15-signal-line {
    position: absolute;
    z-index: 1;
    top: 19px;
    left: 7%;
    right: 7%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(197, 231, 255, 0.36), transparent);
    pointer-events: none;
}

.wup-faq-v15-signal-line i {
    position: absolute;
    top: -3px;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--wup-faq-v15-cyan);
    box-shadow: 0 0 12px var(--wup-faq-v15-cyan);
    animation: wup-faq-v15-signal 7s linear infinite;
}

.wup-faq-v15-signal-line i:nth-child(2) {
    background: var(--wup-faq-v15-violet);
    box-shadow: 0 0 12px var(--wup-faq-v15-violet);
    animation-delay: -2.4s;
}

.wup-faq-v15-signal-line i:nth-child(3) {
    background: var(--wup-faq-v15-green);
    box-shadow: 0 0 12px var(--wup-faq-v15-green);
    animation-delay: -4.8s;
}

.wup-faq-v15-heading {
    max-width: 800px;
    margin: 0 auto 17px;
    text-align: center;
}

.wup-faq-v15-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: max-content;
    max-width: 100%;
    padding: 5px 10px;
    border: 1px solid rgba(101, 237, 255, 0.32);
    border-radius: 999px;
    background: rgba(17, 47, 77, 0.28);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 8px 22px rgba(16, 50, 92, 0.15);
    color: var(--wup-faq-v15-cyan);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.045em;
    line-height: 1.25;
    text-transform: uppercase;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.wup-faq-v15-kicker i {
    color: var(--wup-faq-v15-cyan);
}

.wup-public-v553 .wup-faq-v15 .wup-faq-v15-heading h2 {
    margin: 10px 0 0;
    color: var(--wup-faq-v15-text);
    font-size: clamp(30px, 3.7vw, 46px);
    font-weight: 700;
    letter-spacing: -0.038em;
    line-height: 0.98;
    text-shadow: 0 4px 22px rgba(12, 36, 75, 0.22);
}

.wup-public-v553 .wup-faq-v15 .wup-faq-v15-heading h2 span {
    position: relative;
    display: inline-block;
    background: linear-gradient(
        90deg,
        var(--wup-faq-v15-cyan),
        #ffffff 52%,
        var(--wup-faq-v15-violet)
    );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.wup-public-v553 .wup-faq-v15 .wup-faq-v15-heading h2 span::after {
    position: absolute;
    left: 10%;
    right: 10%;
    bottom: -7px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        transparent,
        var(--wup-faq-v15-cyan),
        var(--wup-faq-v15-violet),
        transparent
    );
    box-shadow: 0 0 12px rgba(101, 237, 255, 0.46);
    content: "";
    animation: wup-faq-v15-underline 2.8s ease-in-out infinite;
}

.wup-public-v553 .wup-faq-v15 .wup-faq-v15-heading > p {
    margin: 12px 0 0;
    color: var(--wup-faq-v15-muted);
    font-size: 15px;
    line-height: 1.52;
}

.wup-faq-v15-topics {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    margin-top: 12px;
}

.wup-faq-v15-topics span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 4px 9px;
    border: 1px solid rgba(224, 240, 255, 0.19);
    border-radius: 999px;
    background: rgba(20, 49, 83, 0.34);
    color: var(--wup-faq-v15-muted);
    font-size: 12px;
    line-height: 1.3;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

.wup-faq-v15-topics span:nth-child(1) i {
    color: var(--wup-faq-v15-green);
}

.wup-faq-v15-topics span:nth-child(2) i {
    color: var(--wup-faq-v15-cyan);
}

.wup-faq-v15-topics span:nth-child(3) i {
    color: var(--wup-faq-v15-violet);
}

.wup-faq-v15-topics span:nth-child(4) i {
    color: var(--wup-faq-v15-coral);
}

.wup-faq-v15-list {
    display: grid;
    gap: 7px;
    max-width: 810px;
    margin: 0 auto;
}

.wup-faq-v15-list details {
    position: relative;
    overflow: hidden;
    margin: 0;
    border: 1px solid var(--wup-faq-v15-border);
    border-radius: 15px;
    background: var(--wup-faq-v15-panel);
    box-shadow:
        0 10px 25px rgba(10, 31, 65, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.055);
    -webkit-backdrop-filter: blur(13px);
    backdrop-filter: blur(13px);
    transition:
        border-color 180ms ease,
        background 180ms ease,
        box-shadow 180ms ease,
        transform 180ms ease;
}

.wup-faq-v15-list details::before {
    position: absolute;
    left: 0;
    top: 12px;
    bottom: 12px;
    width: 3px;
    border-radius: 0 6px 6px 0;
    background: linear-gradient(var(--wup-faq-v15-cyan), var(--wup-faq-v15-violet));
    box-shadow: 0 0 14px rgba(101, 237, 255, 0.58);
    content: "";
    opacity: 0;
    transform: scaleY(0.25);
    transition: opacity 180ms ease, transform 240ms ease;
}

.wup-faq-v15-list details::after {
    position: absolute;
    top: -40%;
    bottom: -40%;
    left: -35%;
    width: 22%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.07), transparent);
    content: "";
    opacity: 0;
    pointer-events: none;
    transform: skewX(-18deg);
}

.wup-faq-v15-list details[open] {
    border-color: rgba(143, 193, 255, 0.58);
    background: var(--wup-faq-v15-panel-open);
    box-shadow:
        0 16px 36px rgba(25, 75, 153, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    transform: translateY(-1px);
}

.wup-faq-v15-list details[open]::before {
    opacity: 1;
    transform: scaleY(1);
}

.wup-faq-v15-list details[open]::after {
    opacity: 1;
    animation: wup-faq-v15-scan 4.8s ease-in-out infinite;
}

.wup-faq-v15-list summary {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) 27px;
    align-items: center;
    gap: 8px;
    min-height: 47px;
    padding: 6px 9px;
    color: var(--wup-faq-v15-text);
    cursor: pointer;
    font-size: 15px;
    line-height: 1.25;
    list-style: none;
    text-align: left;
}

.wup-faq-v15-list summary::-webkit-details-marker {
    display: none;
}

.wup-faq-v15-list summary::marker {
    display: none;
    content: "";
}

.wup-faq-v15-list summary:focus-visible {
    outline: 2px solid var(--wup-faq-v15-cyan);
    outline-offset: -3px;
}

.wup-faq-v15-list summary > span {
    min-width: 0;
}

.wup-faq-v15-question-icon,
.wup-faq-v15-list summary > .fa-plus {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 9px;
}

.wup-faq-v15-question-icon {
    border: 1px solid rgba(143, 193, 255, 0.24);
    background: linear-gradient(135deg, rgba(143, 193, 255, 0.17), rgba(194, 170, 255, 0.11));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    color: var(--wup-faq-v15-blue);
    font-size: 13px;
}

.wup-faq-v15-list summary > .fa-plus {
    color: var(--wup-faq-v15-muted);
    font-size: 12px;
    transition: background 180ms ease, color 180ms ease, transform 220ms ease;
}

.wup-faq-v15-list details[open] .wup-faq-v15-question-icon {
    color: var(--wup-faq-v15-cyan);
    animation: wup-faq-v15-icon 2.2s ease-in-out infinite;
}

.wup-faq-v15-list details[open] summary > .fa-plus {
    background: rgba(101, 237, 255, 0.11);
    color: var(--wup-faq-v15-cyan);
    transform: rotate(45deg);
}

.wup-faq-v15-list details > div {
    margin: 0 11px 10px 49px;
    padding: 10px 12px;
    border: 1px solid rgba(255, 255, 255, 0.68);
    border-left: 3px solid var(--wup-faq-v15-cyan);
    border-radius: 0 12px 12px 0;
    background: linear-gradient(125deg, rgba(249, 252, 255, 0.97), rgba(226, 242, 255, 0.94));
    box-shadow:
        0 8px 20px rgba(9, 34, 70, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.95);
    color: #29405f;
    font-size: 14px;
    line-height: 1.52;
}

.wup-faq-v15-list details > div > :first-child {
    margin-top: 0;
}

.wup-faq-v15-list details > div > :last-child {
    margin-bottom: 0;
}

.wup-faq-v15-list details > div p,
.wup-faq-v15-list details > div li {
    color: #29405f;
}

.wup-faq-v15-list details > div a {
    color: #205fba;
    font-weight: 700;
}

.wup-faq-v15-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    max-width: 810px;
    margin: 10px auto 0;
    padding: 8px 9px 8px 15px;
    border: 1px solid rgba(224, 240, 255, 0.2);
    border-radius: 17px;
    background: rgba(19, 49, 81, 0.35);
    color: var(--wup-faq-v15-muted);
    font-size: 14px;
    line-height: 1.35;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

.wup-faq-v15-cta {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 37px;
    overflow: hidden;
    padding: 6px 13px 6px 15px;
    border: 1px solid rgba(255, 224, 142, .8);
    border-radius: 17px 17px 17px 5px;
    background: linear-gradient(125deg, var(--wup-home-register-start), var(--wup-home-register-end));
    box-shadow:
        0 13px 30px var(--wup-home-register-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.65);
    color: var(--wup-home-register-ink);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
}

.wup-faq-v15-cta::before {
    position: absolute;
    inset: -50% auto -50% -40%;
    width: 28%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.32), transparent);
    content: "";
    transform: skewX(-17deg);
    animation: wup-faq-v15-cta-shine 4s ease-in-out infinite;
}

.wup-faq-v15-cta span,
.wup-faq-v15-cta i {
    position: relative;
    z-index: 1;
}

.wup-faq-v15-cta i {
    transition: transform 180ms ease;
}

.wup-faq-v15-cta:hover,
.wup-faq-v15-cta:focus-visible {
    color: var(--wup-home-register-ink);
    text-decoration: none;
}

.wup-faq-v15-cta:hover i,
.wup-faq-v15-cta:focus-visible i {
    transform: translateX(3px);
}

@keyframes wup-faq-v15-aurora {
    to {
        transform: rotate(360deg);
    }
}

@keyframes wup-faq-v15-signal {
    from {
        left: 0;
        opacity: 0;
    }

    8%,
    92% {
        opacity: 1;
    }

    to {
        left: 100%;
        opacity: 0;
    }
}

@keyframes wup-faq-v15-underline {
    0%,
    100% {
        transform: scaleX(0.55);
        opacity: 0.58;
    }

    50% {
        transform: scaleX(1);
        opacity: 1;
    }
}

@keyframes wup-faq-v15-scan {
    0%,
    55% {
        left: -35%;
    }

    100% {
        left: 125%;
    }
}

@keyframes wup-faq-v15-icon {
    0%,
    100% {
        box-shadow:
            0 0 0 0 rgba(101, 237, 255, 0.02),
            inset 0 1px 0 rgba(255, 255, 255, 0.08);
    }

    50% {
        box-shadow:
            0 0 0 6px rgba(101, 237, 255, 0.06),
            0 0 18px rgba(101, 237, 255, 0.18);
    }
}

@keyframes wup-faq-v15-cta-shine {
    0%,
    58% {
        left: -40%;
    }

    100% {
        left: 125%;
    }
}

@media (max-width: 720px) {
    .wup-public-v553 .wup-story-section.wup-faq-v15 {
        padding: 30px 0 18px;
    }

    .wup-faq-v15-signal-line {
        left: 10%;
        right: 10%;
    }

    .wup-faq-v15-footer {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 430px) {
    .wup-public-v553 .wup-faq-v15 .wup-faq-v15-heading h2 {
        font-size: 30px;
    }

    .wup-faq-v15-list summary {
        grid-template-columns: 29px minmax(0, 1fr) 25px;
        gap: 6px;
        padding-inline: 7px;
        font-size: 14px;
    }

    .wup-faq-v15-question-icon,
    .wup-faq-v15-list summary > .fa-plus {
        width: 26px;
        height: 26px;
    }

    .wup-faq-v15-list details > div {
        margin-left: 8px;
    }

    .wup-faq-v15-cta {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wup-faq-v15,
    .wup-faq-v15::before,
    .wup-faq-v15::after,
    .wup-faq-v15 *,
    .wup-faq-v15 *::before,
    .wup-faq-v15 *::after {
        scroll-behavior: auto;
        animation-duration: 0.01ms;
        animation-iteration-count: 1;
        transition-duration: 0.01ms;
    }
}







.wup-radar-strip {
    position: relative;
    overflow: hidden;
    padding: 17px 20px;
    border-bottom: 4px #269119 solid;
    border-top: 3px #a9a9a9 solid;
    text-align: center;
    background: linear-gradient(rgba(15, 23, 42, .96), rgba(15, 23, 42, .96)), repeating-linear-gradient(90deg, transparent 0, transparent 39px, rgba(56, 189, 248, .06) 40px);
}

.wup-radar-line {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    left: -5%;
    background: linear-gradient(
        to bottom,
        transparent,
        #38bdf8,
        transparent
    );
    box-shadow: 0 0 18px #38bdf8;
    animation: radarMove 4.5s linear infinite;
}

.wup-radar-title {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 5px;
    color: #fff;
    font-size: clamp(21px, 2vw, 29px);
    font-weight: 900;
}

.wup-radar-title .radar-icon {
    position: relative;
    width: 27px;
    height: 27px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #22c55e;
    border: 1px solid rgba(34,197,94,.35);
}

.wup-radar-title .radar-icon::before,
.wup-radar-title .radar-icon::after {
    content: "";
    position: absolute;
    inset: -5px;
    border: 1px solid rgba(34,197,94,.25);
    border-radius: 50%;
    animation: radarPulse 2.3s infinite;
}

.wup-radar-title .radar-icon::after {
    animation-delay: 1.1s;
}

.wup-radar-sub {
    position: relative;
    margin: 0;
    color: #cbd5e1;
    font-size: clamp(13px, 1.35vw, 15.5px);
}

.wup-radar-sub strong {
    color: #fff;
}

.wup-radar-sub .now {
    color: #22c55e;
    font-weight: 800;
}

@keyframes radarMove {
    from {
        left: -5%;
    }
    to {
        left: 105%;
    }
}

@keyframes radarPulse {
    0% {
        transform: scale(.7);
        opacity: .8;
    }
    100% {
        transform: scale(1.6);
        opacity: 0;
    }
}

@media(max-width:600px){
    .wup-radar-strip {
        padding: 15px 12px;
    }
}