/* ==========================================================================
   Agent List page (post 54) — HERO v3 + FINAL CTA + CARD GRID premium redesign
   --------------------------------------------------------------------------
   The hero (.vk-alh*) is a TOTAL rebuild, not a reskin — it drops the shared
   "Site 5" .s5-ihero markup/classes entirely in favour of a fresh, slim,
   page-owned design + a new animated "verify orbit" graphic (same approach
   as the homepage's own hero-v5.css: new markup + new CSS). The final CTA
   (.vk-cta--premium, homepage's shared component, bare-embedded here per
   agent-pages.css) keeps the earlier dark-aurora + rotating-ring treatment.

   Scoping: `.vk-cta--premium` and the `.w9a-*` card grid are shared across
   other pages (homepage + all 8 w9-agentpage surfaces) — every rule for
   those stays scoped to `body.page-id-54` (NOT the shared `w9-agentpage`
   class), same reasoning as before. `.vk-alh*` is a brand-new class prefix
   that exists ONLY in this page's own markup, so it needs no scoping at all
   — kept unscoped for brevity, it simply can't match anything elsewhere.
   Loads after w9-agent-pages (agent-pages.css) so it wins any cascade tie.
   ========================================================================== */

/* ------------------------------------------------------------------
   HERO v3 — slim, modern, animated "verify orbit"
   Markup: al0009 container (css_classes → "e-no-lazyload vk-alh"),
   al0002/al0004/al0006 (_css_classes → vk-alh-eyebrow/-title/-lead),
   al0008 rewritten to a 4-chip stat row (.vk-alh-stats), a new 5th widget
   (al9001) adds the orbit graphic (.vk-alh-visual).
   ------------------------------------------------------------------ */
.vk-alh {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(14px, 2vh, 22px) var(--vk-pad, 24px);
    background: linear-gradient(180deg, #0B0906 0%, #15110A 55%, #17150F 100%);
    border-bottom: 1px solid rgba(255, 199, 44, .16);
}
.vk-alh::before {
    content: '';
    position: absolute;
    inset: -10% -10% -30% -10%;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(36% 46% at 12% 15%, rgba(255, 199, 44, .16), transparent 68%),
        radial-gradient(30% 40% at 88% 10%, rgba(232, 162, 0, .12), transparent 65%);
    filter: blur(10px);
    animation: vk-alh-drift 18s ease-in-out infinite alternate;
}
@keyframes vk-alh-drift {
    from { transform: translate3d(0, 0, 0) scale(1); }
    to   { transform: translate3d(-2%, 1.5%, 0) scale(1.04); }
}
.vk-alh .e-con-inner {
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    align-items: center;
    /* row-gap ONLY separates the two columns' tracks when they wrap to
       stacked rows on mobile — on desktop the 4 text items (all placed in
       column 1, auto-flowing into 4 separate rows) would otherwise pick up
       this SAME gap as extra space between each other, on top of their own
       margin-top — that's what was actually causing the "not close enough"
       look, not the margin values. column-gap alone handles the text/orbit
       column split; row-gap stays at 0 so only the per-element margins
       below control the text stack's spacing. */
    row-gap: 0;
    column-gap: clamp(18px, 3vw, 34px);
}
.vk-alh .e-con-inner > *:nth-child(1),
.vk-alh .e-con-inner > *:nth-child(2),
.vk-alh .e-con-inner > *:nth-child(3),
.vk-alh .e-con-inner > *:nth-child(4) { grid-column: 1; }
.vk-alh .e-con-inner > *:nth-child(5) { grid-column: 2; grid-row: 1 / 5; justify-self: center; }

/* ---- text column ---- */
.vk-alh-eyebrow .elementor-heading-title {
    display: inline-flex;
    align-items: center;
    padding: 5px 12px;
    border-radius: 999px;
    background: rgba(255, 199, 44, .12);
    border: 1px solid rgba(255, 199, 44, .30);
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #FFC72C !important;
    margin: 0;
    opacity: 0;
    transform: translateY(14px);
    animation: vk-alh-rise .6s cubic-bezier(.22, .61, .36, 1) .05s forwards;
}
.vk-alh-title.elementor-heading-title,
.vk-alh-title .elementor-heading-title {
    font-size: clamp(22px, 2.8vw, 32px);
    font-weight: 700;
    line-height: 1.16;
    letter-spacing: -.02em;
    margin: 4px 0 0;
    color: #FBF6EC !important;
    opacity: 0;
    transform: translateY(14px);
    animation: vk-alh-rise .6s cubic-bezier(.22, .61, .36, 1) .16s forwards;
}
.vk-alh-hl {
    font-style: normal;
    background: linear-gradient(135deg, #FFE066 0%, #FFC72C 50%, #C8860B 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.vk-alh-lead p {
    margin: 4px 0 0;
    max-width: 56ch;
    font-size: 13.5px;
    line-height: 1.6;
    color: #C9BFA6;
    opacity: 0;
    transform: translateY(14px);
    animation: vk-alh-rise .6s cubic-bezier(.22, .61, .36, 1) .27s forwards;
}
@keyframes vk-alh-rise { to { opacity: 1; transform: none; } }

/* ---- stat chips ---- */
.vk-alh-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 6px 0 0;
    padding: 0;
    list-style: none;
    opacity: 0;
    transform: translateY(14px);
    animation: vk-alh-rise .6s cubic-bezier(.22, .61, .36, 1) .38s forwards;
}
.vk-alh-stat {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 199, 44, .16);
    font-size: 11.5px;
    color: #C9BFA6;
    transition: border-color .3s ease, background .3s ease, transform .3s ease;
}
.vk-alh-stat:hover { border-color: rgba(255, 199, 44, .40); background: rgba(255, 199, 44, .08); transform: translateY(-2px); }
.vk-alh-stat b { color: #FFC72C; font-weight: 800; }

/* ---- orbit visual ---- */
.vk-alh-visual {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    opacity: 0;
    animation: vk-alh-fade .8s ease .3s forwards;
}
@keyframes vk-alh-fade { to { opacity: 1; } }
.vk-alh-orbit { position: relative; width: 172px; height: 172px; }
@media (max-width: 900px) { .vk-alh-orbit { transform: scale(.88); } }
@media (max-width: 380px) { .vk-alh-orbit { transform: scale(.76); } }
.vk-alh-orbit__ring {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 1px solid rgba(255, 199, 44, .20);
}
.vk-alh-orbit__ring--2 {
    inset: 26px;
    animation: vk-alh-pulse 3.2s ease-in-out infinite;
}
@keyframes vk-alh-pulse {
    0%, 100% { opacity: .5; transform: scale(1); }
    50%      { opacity: .9; transform: scale(1.05); }
}
.vk-alh-orbit__core {
    position: absolute;
    inset: 54px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(150deg, #FFD34D 0%, #C8860B 100%);
    color: #1A0F02;
    box-shadow: 0 0 0 4px rgba(255, 199, 44, .10), 0 12px 30px -8px rgba(200, 134, 11, .6);
}
.vk-alh-orbit__core svg { width: 20px; height: 20px; }
.vk-alh-orbit__spin {
    position: absolute;
    inset: 0;
    animation: vk-alh-spin 16s linear infinite;
}
.vk-alh-orbit__node {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    transform: rotate(var(--a)) translateX(72px);
}
.vk-alh-orbit__node-in {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    margin: -12px 0 0 -12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #15130E;
    border: 1px solid rgba(255, 199, 44, .35);
    color: #FFC72C;
    box-shadow: 0 6px 16px -4px rgba(0, 0, 0, .6);
    animation: vk-alh-counter-spin 16s linear infinite;
}
.vk-alh-orbit__node-in svg { width: 11px; height: 11px; }
@keyframes vk-alh-spin { to { transform: rotate(360deg); } }
@keyframes vk-alh-counter-spin { to { transform: rotate(-360deg); } }
.vk-alh-visual__label { font-size: 11.5px; color: #C9BFA6; }
.vk-alh-visual__label b { color: #FFC72C; }

@media (max-width: 900px) {
    .vk-alh .e-con-inner { grid-template-columns: 1fr; }
    .vk-alh .e-con-inner > *:nth-child(5) { grid-column: 1; grid-row: auto; order: -1; margin-bottom: 6px; }
    .vk-alh-eyebrow .elementor-heading-title,
    .vk-alh-stats { justify-content: center; }
    .vk-alh-eyebrow.elementor-widget-heading,
    .vk-alh-title.elementor-widget-heading,
    .vk-alh-lead.elementor-widget-text-editor { text-align: center; }
    .vk-alh-lead p { margin-left: auto; margin-right: auto; }
}
@media (prefers-reduced-motion: reduce) {
    .vk-alh::before,
    .vk-alh-orbit__ring--2,
    .vk-alh-orbit__spin,
    .vk-alh-orbit__node-in { animation: none !important; }
    .vk-alh-eyebrow .elementor-heading-title,
    .vk-alh-title.elementor-heading-title,
    .vk-alh-lead p,
    .vk-alh-stats,
    .vk-alh-visual { opacity: 1 !important; transform: none !important; animation: none !important; }
}

/* ------------------------------------------------------------------
   FINAL CTA (.vk-cta--premium) — same dark-aurora + rotating-ring treatment
   as the homepage's closing CTA (cta-final-v2.css), retargeted to this page
   ------------------------------------------------------------------ */
body.page-id-54 .vk-cta--premium {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: linear-gradient(180deg, #0B0906 0%, #15110A 60%, #17150F 100%);
    border-top: 1px solid rgba(255, 199, 44, .16);
    /* base cta-premium.css caps at clamp(34px,4vw,50px) — noticeably tall
       blank space above/below the copy once centred against the taller
       portrait column. Slimmed to match the page's other tightened bands. */
    padding: clamp(20px, 2.4vw, 30px) var(--vk-pad) !important;
}
body.page-id-54 .vk-cta--premium .vk-cta__bg::before {
    background:
        radial-gradient(55% 60% at 50% 40%, rgba(255, 199, 44, .16) 0%, transparent 62%),
        radial-gradient(40% 50% at 15% 85%, rgba(200, 134, 11, .16) 0%, transparent 62%),
        radial-gradient(40% 50% at 85% 15%, rgba(230, 169, 30, .14) 0%, transparent 62%);
}
body.page-id-54 .vk-cta--premium .vk-orb { opacity: .5; }

body.page-id-54 .vk-cta--premium .vk-cta__content::before {
    background: rgba(11, 9, 6, .34);
    border-color: rgba(255, 199, 44, .20);
    box-shadow: 0 24px 54px -30px rgba(0, 0, 0, .6);
}
body.page-id-54 .vk-cta--premium .vk-cta__content .vk-eyebrow {
    background: rgba(255, 199, 44, .10);
    border-color: rgba(255, 199, 44, .30);
    color: #FFC72C;
}
body.page-id-54 .vk-cta--premium .vk-cta__content .vk-h1 { color: #FBF6EC !important; }
body.page-id-54 .vk-cta--premium .vk-cta__content .vk-lead { color: #C9BFA6 !important; }

body.page-id-54 .vk-cta--premium .vk-cta__content .vk-h1::before,
body.page-id-54 .vk-cta--premium .vk-cta__content .vk-h1::after {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #FFE066;
    box-shadow: 0 0 8px 2px rgba(255, 199, 44, .7);
    animation: w9al-twinkle 2.6s ease-in-out infinite;
}
body.page-id-54 .vk-cta--premium .vk-cta__content .vk-h1 { position: relative; }
body.page-id-54 .vk-cta--premium .vk-cta__content .vk-h1::before { top: -6px; left: -4px; animation-delay: 0s; }
body.page-id-54 .vk-cta--premium .vk-cta__content .vk-h1::after { top: 50%; right: -10px; animation-delay: 1.1s; }
@keyframes w9al-twinkle {
    0%, 100% { opacity: .25; transform: scale(.7); }
    50%      { opacity: 1; transform: scale(1.2); }
}

body.page-id-54 .vk-cta--premium .vk-cta__buttons .vk-btn--primary {
    position: relative;
    overflow: hidden;
}
body.page-id-54 .vk-cta--premium .vk-cta__buttons .vk-btn--primary::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(100deg, transparent 25%, rgba(255, 255, 255, .40) 50%, transparent 75%);
    background-size: 220% 100%;
    background-position: 220% 0;
    animation: w9al-shimmer 4.2s ease-in-out infinite;
    animation-delay: 1.4s;
}
@keyframes w9al-shimmer {
    0%, 45% { background-position: 220% 0; }
    65%     { background-position: -50% 0; }
    100%    { background-position: -50% 0; }
}

body.page-id-54 .vk-cta--premium .vk-cta__frame {
    background: linear-gradient(160deg, rgba(255, 199, 44, .55) 0%, rgba(200, 134, 11, .30) 45%, rgba(255, 255, 255, .18) 100%);
    box-shadow: 0 30px 70px -20px rgba(0, 0, 0, .65), 0 0 0 1px rgba(200, 134, 11, .30);
}
@property --w9al-ring-angle {
    syntax: '<angle>';
    inherits: false;
    initial-value: 0deg;
}
body.page-id-54 .vk-cta--premium .vk-cta__frame::before {
    inset: -14px;
    background: conic-gradient(from var(--w9al-ring-angle), #FFC72C, #7A5200 26%, #7A5200 74%, #E8A200, #FFC72C);
    filter: blur(2px);
    opacity: .85;
    animation: w9al-ring-spin 9s linear infinite;
}
@keyframes w9al-ring-spin {
    to { --w9al-ring-angle: 360deg; }
}
body.page-id-54 .vk-cta--premium .vk-cta__chip {
    animation: w9al-chip-float 3.4s ease-in-out infinite;
}
@keyframes w9al-chip-float {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-6px); }
}
@media (max-width: 860px) {
    body.page-id-54 .vk-cta--premium .vk-cta__chip { animation: w9al-chip-float-mobile 3.4s ease-in-out infinite; }
    @keyframes w9al-chip-float-mobile {
        0%, 100% { transform: translateX(-50%) translateY(0); }
        50%      { transform: translateX(-50%) translateY(-6px); }
    }
}

/* ------------------------------------------------------------------
   AGENT LIST SECTION (.s5-sec--cream, al0025) + CARD GRID ([w9_agent_list])
   — same dark-aurora treatment as the hero/CTA above.
   `.s5-sec--cream` is the generic "Site 5" cream-band background used by
   many sections/pages; `.w9a-*` (agent-list.css) is the shared card grid +
   contact-modal styling reused by all 8 w9-agentpage surfaces. Both scoped
   to body.page-id-54 only, same reasoning as the hero/CTA section above.
   ------------------------------------------------------------------ */
body.page-id-54.vk.elementor-page-54.elementor-page .s5-sec--cream {
    background:
        radial-gradient(820px 460px at 12% 10%, rgba(255, 199, 44, .14), transparent 64%),
        linear-gradient(180deg, #0B0906 0%, #15110A 55%, #17150F 100%) !important;
}
body.page-id-54.vk.elementor-page-54.elementor-page .s5-sec--cream .s5-eyebrow .elementor-heading-title {
    background: rgba(255, 199, 44, .12) !important;
    border: 1px solid rgba(255, 199, 44, .30);
    color: #FFC72C !important;
}
body.page-id-54.vk.elementor-page-54.elementor-page .s5-sec--cream .s5-sechead .elementor-heading-title,
body.page-id-54.vk.elementor-page-54.elementor-page .s5-sec--cream .s5-head { color: #FBF6EC !important; }
body.page-id-54.vk.elementor-page-54.elementor-page .s5-sec--cream .s5-lede-c p { color: #C9BFA6 !important; }

/* tier-nav pills above the grid AND the per-card tier badge share .w9a-group */
body.page-id-54.vk.elementor-page-54.elementor-page .w9a-group {
    background: rgba(255, 199, 44, .14) !important;
    color: #FFC72C !important;
}
body.page-id-54.vk.elementor-page-54.elementor-page a.w9a-group:hover {
    background: rgba(255, 199, 44, .24) !important;
}

/* ---- search bar ---- */
body.page-id-54.vk.elementor-page-54.elementor-page .w9a-search-input {
    background: linear-gradient(135deg, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, .02) 100%) !important;
    border: 1px solid rgba(255, 199, 44, .18) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .35) !important;
    color: #F3ECDD !important;
}
body.page-id-54.vk.elementor-page-54.elementor-page .w9a-search-input::placeholder { color: #8A8270; }
body.page-id-54.vk.elementor-page-54.elementor-page .w9a-search-clear {
    background: rgba(255, 255, 255, .05) !important;
    border: 1px solid rgba(255, 199, 44, .18) !important;
    color: #C9BFA6 !important;
}
body.page-id-54.vk.elementor-page-54.elementor-page .w9a-search-count {
    background: rgba(255, 255, 255, .05);
    box-shadow: none;
    border: 1px solid rgba(255, 199, 44, .14);
    color: #C9BFA6;
    /* sat flush against the card grid below (0px gap) — a little breathing
       room before the first row of cards. */
    margin-bottom: 14px;
}
body.page-id-54.vk.elementor-page-54.elementor-page .w9a-search-empty,
body.page-id-54.vk.elementor-page-54.elementor-page .w9a-empty-msg {
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 199, 44, .14);
    box-shadow: none;
    color: #C9BFA6;
}

/* ---- card ---- */
body.page-id-54.vk.elementor-page-54.elementor-page .w9a-card {
    background: linear-gradient(135deg, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, .02) 100%), rgba(21, 17, 10, .5);
    border: 1px solid rgba(255, 199, 44, .16);
    box-shadow: 0 8px 22px rgba(0, 0, 0, .35), 0 1px 0 rgba(255, 255, 255, .04) inset;
}
body.page-id-54.vk.elementor-page-54.elementor-page:not(.w9a-modal-open) .w9a-card:hover {
    border-color: rgba(255, 199, 44, .40) !important;
    box-shadow: 0 16px 38px -6px rgba(255, 199, 44, .22), 0 1px 0 rgba(255, 255, 255, .06) inset !important;
}
body.page-id-54.vk.elementor-page-54.elementor-page .w9a-photo {
    box-shadow: 0 0 0 2px #15130E, 0 0 0 4px rgba(255, 199, 44, .30);
}
body.page-id-54.vk.elementor-page-54.elementor-page .w9a-verified-badge {
    box-shadow: 0 0 0 2px #15130E;
}
body.page-id-54.vk.elementor-page-54.elementor-page .w9a-name { color: #F3ECDD !important; }
body.page-id-54.vk.elementor-page-54.elementor-page .w9a-idrow { color: #8A8270 !important; }
body.page-id-54.vk.elementor-page-54.elementor-page .w9a-idlabel { color: #C9BFA6 !important; }
body.page-id-54.vk.elementor-page-54.elementor-page .w9a-rating::before,
body.page-id-54.vk.elementor-page-54.elementor-page .w9a-idrow::before { background: rgba(255, 199, 44, .35) !important; }
body.page-id-54.vk.elementor-page-54.elementor-page .w9a-toggle {
    background: rgba(255, 255, 255, .05) !important;
    border: 1px solid rgba(255, 199, 44, .18) !important;
    color: #F3ECDD !important;
}

/* ---- contact modal (portalled to <body>, still a body.page-id-54 descendant) ---- */
body.page-id-54.vk.elementor-page-54.elementor-page .w9a-contact {
    background: linear-gradient(180deg, #1C1610 0%, #100D08 100%);
    border-color: rgba(255, 199, 44, .30);
    box-shadow: 0 30px 70px rgba(0, 0, 0, .55);
}
body.page-id-54.vk.elementor-page-54.elementor-page .w9a-modal-backdrop { background: rgba(0, 0, 0, .6); }
body.page-id-54.vk.elementor-page-54.elementor-page .w9a-modal-header {
    background: radial-gradient(120% 140% at 0% 0%, rgba(255, 199, 44, .18), transparent 65%), rgba(255, 199, 44, .04);
    border-bottom-color: rgba(255, 199, 44, .20);
}
body.page-id-54.vk.elementor-page-54.elementor-page .w9a-modal-photo {
    box-shadow: 0 0 0 2px #15130E, 0 0 0 4px rgba(255, 199, 44, .30);
}
body.page-id-54.vk.elementor-page-54.elementor-page .w9a-modal-id b { color: #F3ECDD; }
body.page-id-54.vk.elementor-page-54.elementor-page .w9a-modal-id span { color: #8A8270; }
body.page-id-54.vk.elementor-page-54.elementor-page .w9a-contact-item {
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 199, 44, .14);
}
body.page-id-54.vk.elementor-page-54.elementor-page .w9a-contact-number { color: #F3ECDD; }
body.page-id-54.vk.elementor-page-54.elementor-page .w9a-copy-btn {
    background: rgba(255, 255, 255, .05) !important;
    border: 1px solid rgba(255, 199, 44, .18) !important;
    color: #C9BFA6 !important;
}

/* ------------------------------------------------------------------
   TRUST STATS (.vk-story, al0027) — same dark-aurora glass-card treatment
   as the rest of this page. .vk-story is the homepage's own component,
   reused bare (via seo-special.css) on the homepage AND all 8 w9-agentpage
   surfaces — seo-special.css itself is unscoped body.vk (applies
   everywhere), so this page currently gets its default light "Bangladesh
   Trust Story" card look, clashing with the now-dark hero/list/CTA bands
   around it. Scoped to body.page-id-54 only, same reasoning as every other
   rule in this file — the homepage keeps its own separate body.vk-home
   dark pass (story-v2.css) untouched, and the other 7 agent-pages keep the
   light cards untouched too.
   Markup: removed the hard-baked "is-in" from .vk-story__inner and the 4
   .vk-story__stat items (they shipped pre-revealed, same bug pattern fixed
   earlier on the homepage's SEO section) so the scroll-reveal genuinely
   plays; added a per-stat stagger via nth-child transition-delay.
   ------------------------------------------------------------------ */
body.page-id-54.vk.elementor-page-54.elementor-page .vk-story {
    /* wickets-home.css: `body.vk .vk-section{ background:#FFF8E1 !important }`
       — a generic retrofit that also matches this element (it carries both
       .vk-section and .vk-story). !important beats specificity regardless
       of how many classes are chained here, so this needs !important too. */
    background: linear-gradient(180deg, #0B0906 0%, #15110A 55%, #17150F 100%) !important;
    /* full-bleed fix: base `.vk-section{ max-width:var(--vk-max); margin:0
       auto }` boxes in whatever background is painted on the section itself
       — same fix already used site-wide (why-v5/verify-v3/live-v2/
       platform-v2/story-v2 on the homepage). Inner content (.vk-story__stats
       capped at 780px, .vk-lead capped at 68ch) stays centred on its own,
       so no separate inner-wrapper max-width is needed. */
    max-width: none !important;
    width: 100%;
    margin: 0 !important;
    padding-top: clamp(28px, 3.2vw, 44px) !important;
    padding-bottom: clamp(28px, 3.2vw, 44px) !important;
    border-top: 1px solid rgba(255, 199, 44, .14);
    border-bottom: 1px solid rgba(255, 199, 44, .14);
}
body.page-id-54.vk.elementor-page-54.elementor-page .vk-story__aura {
    background:
        radial-gradient(closest-side, rgba(255, 199, 44, .14), transparent 70%) 12% 20% / 42% 70% no-repeat,
        radial-gradient(closest-side, rgba(200, 134, 11, .12), transparent 70%) 88% 80% / 42% 70% no-repeat;
    opacity: .8;
}
body.page-id-54.vk.elementor-page-54.elementor-page .vk-story .vk-eyebrow {
    background: rgba(255, 199, 44, .12) !important;
    border-color: rgba(255, 199, 44, .30) !important;
    color: #FFC72C !important;
}
body.page-id-54.vk.elementor-page-54.elementor-page .vk-story .vk-h2 { color: #FBF6EC !important; }
body.page-id-54.vk.elementor-page-54.elementor-page .vk-story .vk-lead { color: #C9BFA6 !important; }
body.page-id-54.vk.elementor-page-54.elementor-page .vk-story__stat {
    background: linear-gradient(140deg, rgba(255, 199, 44, .08), rgba(255, 255, 255, .02)), rgba(21, 17, 10, .5);
    border: 1px solid rgba(255, 199, 44, .16);
    box-shadow: 0 8px 22px rgba(0, 0, 0, .35);
}
body.page-id-54.vk.elementor-page-54.elementor-page .vk-story__stat:hover {
    border-color: rgba(255, 199, 44, .40);
    box-shadow: 0 16px 38px -6px rgba(255, 199, 44, .20);
}
body.page-id-54.vk.elementor-page-54.elementor-page .vk-story__stat-lbl { color: #C9BFA6 !important; }

/* reveal fix + stagger */
body.page-id-54.vk.elementor-page-54.elementor-page .vk-story__inner[data-reveal],
body.page-id-54.vk.elementor-page-54.elementor-page .vk-story__stat[data-reveal] {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .6s ease, transform .6s cubic-bezier(.2, .7, .15, 1);
}
body.page-id-54.vk.elementor-page-54.elementor-page .vk-story__inner[data-reveal].is-in,
body.page-id-54.vk.elementor-page-54.elementor-page .vk-story__stat[data-reveal].is-in {
    opacity: 1;
    transform: none;
}
body.page-id-54.vk.elementor-page-54.elementor-page .vk-story__stat:nth-child(1) { transition-delay: .05s; }
body.page-id-54.vk.elementor-page-54.elementor-page .vk-story__stat:nth-child(2) { transition-delay: .14s; }
body.page-id-54.vk.elementor-page-54.elementor-page .vk-story__stat:nth-child(3) { transition-delay: .23s; }
body.page-id-54.vk.elementor-page-54.elementor-page .vk-story__stat:nth-child(4) { transition-delay: .32s; }

@media (prefers-reduced-motion: reduce) {
    body.page-id-54 .s5-ihero.s5-orbed::before,
    body.page-id-54 .s5-ihero.s5-orbed::after,
    body.page-id-54 .vk-cta--premium .vk-cta__content .vk-h1::before,
    body.page-id-54 .vk-cta--premium .vk-cta__content .vk-h1::after,
    body.page-id-54 .vk-cta--premium .vk-cta__buttons .vk-btn--primary::after,
    body.page-id-54 .vk-cta--premium .vk-cta__frame::before,
    body.page-id-54 .vk-cta--premium .vk-cta__chip,
    body.page-id-54 .vk-story__inner[data-reveal],
    body.page-id-54 .vk-story__stat[data-reveal] { animation: none !important; transition: none !important; opacity: 1 !important; transform: none !important; }
}