/* ============================================================
   VELKI100 — BROADCAST SPORTSBOOK
   A new design *form* layered over the home markup. Re-composes
   the hero, type scale, section headers and cards into a bold,
   live-broadcast sportsbook language. Scoped to body.vk-home so
   inner pages are untouched. Loads AFTER stadium-night.css.
   ============================================================ */

body.vk-home{
    --v100-ink:    #0A0A0C;
    --v100-ink-2:  #131218;
    --v100-yellow: #FFC21A;
    --v100-yellow-2:#FFD24D;
    --v100-red:    #E4121F;
    --v100-red-2:  #FF2A38;
    --v100-on-y:   #0A0A0C;
    --v100-mono:   'Sora', 'Inter', ui-monospace, 'SFMono-Regular', monospace;
    --v100-disp:   'Sora', 'Inter', system-ui, sans-serif;
}

/* =========================================================
   0. GLOBAL BROADCAST TYPE — confident, oversized, tight
   ========================================================= */
body.vk-home .vk-sec-head__title,
body.vk-home .vk-providers__title{
    font-family:var(--v100-disp);
    font-weight:800;
    letter-spacing:-.03em;
    line-height:1.02;
    text-transform:none;
}

/* =========================================================
   1. TOP NOTICE TICKER (.v100-ticker / .v100-ticker--notice)
   Scrolling announcements. Brand palette, refreshed layout:
   gradient label w/ bell, edge fades, icon badges, diamond
   separators and per-kind (warn/promo/info) accents.
   ========================================================= */
.v100-ticker{
    position:relative;
    display:flex; align-items:stretch;
    background:var(--v100-ink);
    border-bottom:2px solid var(--v100-yellow);
    overflow:hidden;
    font-family:var(--v100-disp);
    height:44px;
}
/* soft yellow glow line under the bar */
.v100-ticker::after{
    content:""; position:absolute; left:0; right:0; bottom:0; height:1px;
    background:linear-gradient(90deg,transparent,var(--v100-yellow),transparent);
    opacity:.55; pointer-events:none;
}
.v100-ticker__label{
    display:flex; align-items:center; gap:9px;
    flex-shrink:0; padding:0 24px 0 16px;
    background:linear-gradient(135deg,var(--v100-red),var(--v100-red-2));
    color:#fff; font-weight:800; font-size:12.5px;
    letter-spacing:.12em; text-transform:uppercase;
    clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);
    z-index:2;
}
.v100-ticker__label i{
    font-size:13px; transform-origin:50% 10%;
    animation:v100-ring 3s ease-in-out infinite;
}

.v100-ticker__viewport{ position:relative; flex:1; overflow:hidden; }
/* fade the content in/out at both edges */
.v100-ticker__viewport::before,
.v100-ticker__viewport::after{
    content:""; position:absolute; top:0; bottom:0; width:46px; z-index:2; pointer-events:none;
}
.v100-ticker__viewport::before{ left:0;  background:linear-gradient(90deg,var(--v100-ink),transparent); }
.v100-ticker__viewport::after{  right:0; background:linear-gradient(270deg,var(--v100-ink),transparent); }

.v100-ticker__rail{
    display:inline-flex; align-items:center; gap:0;
    white-space:nowrap;
    animation:v100-marquee 42s linear infinite;
    will-change:transform;
}
.v100-ticker:hover .v100-ticker__rail{ animation-play-state:paused; }

.v100-ticker__item{
    position:relative;
    display:inline-flex; align-items:center; gap:9px;
    padding:0 28px; height:44px;
    font-size:13px; color:#E7E8EF; font-weight:600;
}
/* diamond separator between notices */
.v100-ticker__item::after{
    content:""; position:absolute; right:-3px; top:50%;
    width:6px; height:6px; transform:translateY(-50%) rotate(45deg);
    background:rgba(255,255,255,.18);
}
.v100-ticker__ico{
    display:inline-flex; align-items:center; justify-content:center;
    width:23px; height:23px; border-radius:7px; font-size:11px;
    background:rgba(255,255,255,.08); color:#fff; flex-shrink:0;
}
.v100-ticker__text{ line-height:1; }

/* per-kind accents — stay inside the brand palette */
.v100-ticker__item--warn  .v100-ticker__ico{ background:rgba(228,18,31,.20);  color:var(--v100-red-2); }
.v100-ticker__item--warn  .v100-ticker__text{ color:#FFD9DC; font-weight:700; }
.v100-ticker__item--promo .v100-ticker__ico{ background:rgba(255,194,26,.18); color:var(--v100-yellow); }
.v100-ticker__item--promo .v100-ticker__text{ color:var(--v100-yellow-2); font-weight:700; }
.v100-ticker__item--info  .v100-ticker__ico{ background:rgba(255,255,255,.08); color:#fff; }

@keyframes v100-marquee{ from{transform:translateX(0);} to{transform:translateX(-50%);} }
@keyframes v100-ring{
    0%,72%,100%{ transform:rotate(0); }
    76%{ transform:rotate(-13deg); } 80%{ transform:rotate(11deg); }
    85%{ transform:rotate(-8deg); }  90%{ transform:rotate(5deg); } 95%{ transform:rotate(-2deg); }
}
@keyframes v100-pulse{
    0%{ box-shadow:0 0 0 0 rgba(255,255,255,.6);}
    70%{ box-shadow:0 0 0 7px rgba(255,255,255,0);}
    100%{ box-shadow:0 0 0 0 rgba(255,255,255,0);}
}

/* =========================================================
   2. HERO — full-bleed broadcast, diagonal yellow/black
   ========================================================= */
body.vk-home .vk-hero2{
    position:relative;
    padding:0;
    background:
        radial-gradient(120% 90% at 85% 0%, rgba(255,194,26,.10), transparent 55%),
        var(--v100-ink);
    overflow:hidden;
    border-bottom:2px solid var(--v100-yellow);
}
/* giant diagonal yellow wedge on the right (sits BEHIND the board, frames it) */
body.vk-home .vk-hero2::after{
    content:""; position:absolute; top:0; bottom:0; right:0; width:52%;
    background:linear-gradient(160deg,var(--v100-yellow-2) 0%,#F5A700 100%);
    clip-path:polygon(22% 0,100% 0,100% 100%,4% 100%);
    opacity:1; z-index:1;
    box-shadow:-40px 0 90px rgba(255,194,26,.16);
}
/* hide the old soft spotlights/pitch so the new composition reads clean */
body.vk-home .vk-hero2__bg{ opacity:.35; mix-blend-mode:screen; z-index:0; }

/* old trust marquee is redundant with the new top ticker — hide it */
body.vk-home .vk-hero2__marquee{ display:none; }

/* the inner: stack into a big editorial column, board becomes a strip */
body.vk-home .vk-hero2__inner{
    position:relative; z-index:2;
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:32px 40px;
    align-items:center;
    max-width:var(--vk-max); margin:0 auto;
    padding:64px var(--vk-pad) 40px;
}
/* kill the giant ghost word — replaced by composition */
body.vk-home .vk-hero2__title-bg{ display:none; }

/* LIVE chip → broadcast tag */
body.vk-home .vk-hero2__chip{
    background:var(--v100-red);
    border:0; color:#fff; border-radius:4px;
    font-family:var(--v100-mono); font-weight:800; letter-spacing:.1em;
    box-shadow:0 6px 20px rgba(228,18,31,.35);
}
body.vk-home .vk-hero2__chip-txt,
body.vk-home .vk-hero2__chip-time{ color:#fff; }

/* HEADLINE — massive broadcast display (Bangla needs breathing room) */
body.vk-home .vk-hero2__title{
    font-family:var(--vk-font-bn);
    font-weight:700; letter-spacing:-.01em; line-height:1.12;
    margin:16px 0 20px;
}
body.vk-home .vk-hero2__title-line{
    display:block;
    font-size:clamp(30px,4.6vw,58px);
    color:#fff;
    text-transform:none;
}
/* the ৬৪ number → giant gold scoreboard numeral, baseline-aligned */
body.vk-home .vk-hero2__title-num{
    display:inline-block; vertical-align:baseline;
    font-family:var(--v100-mono);
    font-size:clamp(52px,8vw,104px);
    font-weight:800; line-height:1;
    color:var(--v100-yellow);
    -webkit-text-stroke:0;
    margin-right:.12em;
    text-shadow:0 4px 0 rgba(0,0,0,.3), 0 14px 36px rgba(255,194,26,.25);
}
body.vk-home .vk-hero2__title-line--accent{ color:var(--v100-yellow); }
body.vk-home .vk-hero2__title-line--accent em{
    font-style:normal;
    color:var(--v100-red-2);
    font-family:var(--vk-font-bn);
    font-weight:700;
}
body.vk-home .vk-hero2__lead{
    color:#C7C8D2; font-size:clamp(14px,1.4vw,16.5px);
    max-width:46ch; margin-bottom:22px;
}
body.vk-home .vk-hero2__lead strong{ color:#fff; }
body.vk-home .vk-hero2__lead em{ color:var(--v100-yellow); font-style:normal; font-weight:700; }

/* CTAs — chunky broadcast buttons */
body.vk-home .vk-hero2__btn{
    border-radius:6px; font-family:var(--v100-disp); font-weight:800;
    letter-spacing:.01em; text-transform:none; padding:16px 22px;
}
body.vk-home .vk-hero2__btn--primary{
    background:var(--v100-yellow); color:var(--v100-on-y);
    border:0; box-shadow:0 10px 30px rgba(255,194,26,.32);
}
body.vk-home .vk-hero2__btn--primary:hover{ background:var(--v100-yellow-2); }
body.vk-home .vk-hero2__btn--ghost{
    background:rgba(255,255,255,.06);
    border:1.5px solid rgba(255,255,255,.22); color:#fff;
}

/* quick chips → mono spec row */
body.vk-home .vk-hero2__quick li{
    font-family:var(--v100-mono); font-size:12px; color:#AFB1BE;
    background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08);
    border-radius:4px;
}
body.vk-home .vk-hero2__quick li i{ color:var(--v100-yellow); }

/* RIGHT board → scoreboard panel sitting ON the yellow wedge (yellow frames it) */
body.vk-home .vk-hero2__board{
    position:relative; z-index:2;
    margin:22px 6px 22px 34px;
    background:var(--v100-ink);
    border:2px solid #000;
    border-radius:10px;
    box-shadow:0 30px 70px rgba(0,0,0,.5), 0 0 0 5px rgba(0,0,0,.25);
}
body.vk-home .vk-hero2__board-head{
    background:var(--v100-ink-2);
    border-bottom:2px solid var(--v100-yellow);
}
body.vk-home .vk-hero2__board-lbl{
    font-family:var(--v100-mono); font-weight:800; letter-spacing:.16em; color:#fff;
}
body.vk-home .vk-hero2__board-time{
    font-family:var(--v100-mono); color:var(--v100-yellow); font-weight:800;
}
body.vk-home .vk-hero2__board-val{
    font-family:var(--v100-mono); font-weight:800; color:var(--v100-yellow);
    font-size:clamp(22px,2.4vw,30px);
}
body.vk-home .vk-hero2__board-val em{ color:#7E8197; }
body.vk-home .vk-hero2__board-key span{ color:#C7C8D2; }
body.vk-home .vk-hero2__board-bar > span{ background:var(--v100-yellow); }

/* bottom districts ticker → broadcast strip */
body.vk-home .vk-hero2__districts{
    position:relative; z-index:2;
    background:var(--v100-ink-2);
    border-top:1px solid rgba(255,194,26,.18);
}
body.vk-home .vk-hero2__districts-item{ color:#9A9CAB; font-family:var(--v100-mono); font-size:12px; }
body.vk-home .vk-hero2__districts-item i{ color:var(--v100-yellow); }

/* =========================================================
   3. SECTION HEADERS — scoreboard style (rule + mono eyebrow)
   ========================================================= */
body.vk-home .vk-sec-head__eyebrow{
    font-family:var(--v100-mono); font-weight:800;
    letter-spacing:.2em; font-size:11px;
    color:var(--v100-red-2);
}
body.vk-home .vk-sec-head__title{
    font-size:clamp(26px,4vw,46px);
}
body.vk-home .vk-sec-head__title em{ font-style:normal; color:var(--v100-yellow); }

/* on yellow panels the eyebrow/red stay legible (ink) */
body.vk-palette-velki100.vk-home .vk-cats .vk-sec-head__eyebrow,
body.vk-palette-velki100.vk-home .vk-why  .vk-sec-head__eyebrow,
body.vk-palette-velki100.vk-home .vk-faq  .vk-sec-head__eyebrow{
    color:var(--v100-red);
}
body.vk-palette-velki100.vk-home .vk-cats .vk-sec-head__title em,
body.vk-palette-velki100.vk-home .vk-why  .vk-sec-head__title em,
body.vk-palette-velki100.vk-home .vk-faq  .vk-sec-head__title em{
    color:var(--v100-red);
}

/* =========================================================
   4. RESPONSIVE — stack hero, drop the diagonal wedge
   ========================================================= */
@media (max-width: 900px){
    body.vk-home .vk-hero2__inner{
        grid-template-columns:1fr;
        padding:36px var(--vk-pad) 28px;
        gap:26px;
    }
    /* wedge split doesn't work stacked — turn it into a soft bottom glow */
    body.vk-home .vk-hero2::after{
        top:auto; bottom:0; right:0; left:0; width:100%; height:38%;
        clip-path:none;
        background:linear-gradient(180deg,transparent,rgba(255,194,26,.10));
        opacity:1;
    }
    body.vk-home .vk-hero2__board{ margin:0; }
    body.vk-home .vk-hero2__title-num{ font-size:clamp(56px,18vw,92px); }
    body.vk-home .vk-hero2__title-line{ font-size:clamp(28px,7.5vw,46px); }
}
@media (max-width: 560px){
    .v100-ticker{ height:40px; }
    .v100-ticker__item{ height:40px; font-size:12px; padding:0 18px; gap:8px; }
    .v100-ticker__ico{ width:20px; height:20px; font-size:10px; }
    .v100-ticker__label{ font-size:11px; padding:0 18px 0 12px; }
    .v100-ticker__label span{ display:none; }
    .v100-ticker__viewport::before,
    .v100-ticker__viewport::after{ width:28px; }
    body.vk-home .vk-hero2__chip{ width:auto; }
}

/* =========================================================
   6. YELLOW CANVAS — the whole home page lives on yellow.
   Black structure, red accents, dark cards float on top.
   Header + ticker + footer stay dark to frame the canvas.
   ========================================================= */
body.vk-home{
    /* agent9w-style canvas: soft cream base with a gold top fade behind the
       hero (instead of a fully saturated yellow page). */
    background-color:#FFF1CD !important;
    background-image:linear-gradient(180deg,#FDBE23 0%,#FCE4A0 40%,rgba(255,241,205,0) 72%) !important;
    background-repeat:no-repeat !important;
    background-position:top center !important;
    background-size:100% 640px !important;
    background-attachment:scroll !important;
}

/* every content section becomes transparent → continuous yellow canvas */
body.vk-home .vk-hero2,
body.vk-home .vk-providers,
body.vk-home .vk-live,
body.vk-home .vk-cats,
body.vk-home .vk-tabs,
body.vk-home .vk-why,
body.vk-home .vk-voices,
body.vk-home .vk-fam,
body.vk-home .vk-blog,
body.vk-home .vk-faq,
body.vk-home .vk-final{
    background:transparent !important;
    border-top:0 !important;
    border-bottom:0 !important;
}

/* kill the dark glows / wedges / textures meant for a dark canvas */
body.vk-home .vk-hero2::after,
body.vk-home .vk-hero2__bg,
body.vk-home .vk-providers::before,
body.vk-home .vk-cats::before,  body.vk-home .vk-cats::after,
body.vk-home .vk-why::before,   body.vk-home .vk-why::after,
body.vk-home .vk-faq::before,
body.vk-home .vk-voices::before,
body.vk-home .vk-blog::before{
    display:none !important;
}

/* thin black hairline between sections for crisp rhythm */
body.vk-home .vk-providers,
body.vk-home .vk-live,
body.vk-home .vk-tabs,
body.vk-home .vk-voices,
body.vk-home .vk-blog{
    border-top:1px solid rgba(10,10,12,.14) !important;
}

/* ---- Section headers: black on yellow ---- */
body.vk-home .vk-sec-head__title,
body.vk-home .vk-providers__title{ color:#0A0A0C !important; }
body.vk-home .vk-sec-head__title em,
body.vk-home .vk-providers__title em{ color:var(--v100-red) !important; -webkit-text-fill-color:var(--v100-red) !important; }
body.vk-home .vk-sec-head__sub,
body.vk-home .vk-providers__sub{ color:rgba(10,10,12,.72) !important; }
body.vk-home .vk-sec-head__eyebrow,
body.vk-home .vk-providers__eyebrow{ color:var(--v100-red) !important; }
body.vk-home .vk-providers__eyebrow i{ color:var(--v100-red) !important; }
body.vk-home .vk-providers__eyebrow::before{ background:linear-gradient(90deg,transparent,var(--v100-red)) !important; }
body.vk-home .vk-providers__eyebrow::after{ background:linear-gradient(90deg,var(--v100-red),transparent) !important; }
body.vk-home .vk-sec-head__eyebrow::before{ background:linear-gradient(90deg,transparent,rgba(10,10,12,.4)) !important; }
body.vk-home .vk-sec-head__eyebrow::after{ background:linear-gradient(90deg,rgba(10,10,12,.4),transparent) !important; }

/* ---- HERO on yellow: black giant type, red accent, dark scoreboard ---- */
body.vk-home .vk-hero2{ border-bottom:2px solid #0A0A0C !important; }
body.vk-home .vk-hero2__title-line{ color:#0A0A0C !important; -webkit-text-fill-color:#0A0A0C !important; }
body.vk-home .vk-hero2__title-num{
    color:#0A0A0C !important;
    -webkit-text-fill-color:#0A0A0C !important;
    -webkit-text-stroke:0 !important;
    text-shadow:0 4px 0 rgba(0,0,0,.12), 0 14px 30px rgba(0,0,0,.18) !important;
}
body.vk-home .vk-hero2__title-line--accent{ color:#0A0A0C !important; }
body.vk-home .vk-hero2__title-line--accent em{ color:var(--v100-red) !important; }
body.vk-home .vk-hero2__lead{ color:rgba(10,10,12,.82) !important; }
body.vk-home .vk-hero2__lead strong{ color:#0A0A0C !important; }
body.vk-home .vk-hero2__lead em{ color:var(--v100-red) !important; font-style:normal; font-weight:700; }

/* primary CTA → solid black; ghost → black outline */
body.vk-home .vk-hero2__btn--primary,
body.vk-home .vk-hero2__btn--primary *{
    background-color:transparent;
    color:#fff !important; -webkit-text-fill-color:#fff !important;
}
body.vk-home .vk-hero2__btn--primary{
    background:#0A0A0C !important; border:0 !important;
    box-shadow:0 14px 32px rgba(0,0,0,.28) !important;
}
body.vk-home .vk-hero2__btn--primary i{ color:#FFC21A !important; -webkit-text-fill-color:#FFC21A !important; }
body.vk-home .vk-hero2__btn--primary:hover{ background:#1A1A20 !important; }
body.vk-home .vk-hero2__btn--ghost,
body.vk-home .vk-hero2__btn--ghost *{ color:#0A0A0C !important; -webkit-text-fill-color:#0A0A0C !important; }
body.vk-home .vk-hero2__btn--ghost{
    background:transparent !important; border:2px solid #0A0A0C !important;
}
body.vk-home .vk-hero2__btn--ghost:hover{ background:rgba(10,10,12,.08) !important; }

/* spec chips → black-outline on yellow */
body.vk-home .vk-hero2__quick li{
    background:rgba(10,10,12,.05) !important;
    border:1px solid rgba(10,10,12,.2) !important;
    color:#0A0A0C !important;
}
body.vk-home .vk-hero2__quick li i{ color:var(--v100-red) !important; }

/* scoreboard floats clean on yellow (no wedge frame) */
body.vk-home .vk-hero2__board{ margin:0 !important; }

/* ---- Keep the existing yellow-panel dark cards consistent everywhere ---- */
/* (cats/why/faq dark-card overrides from stadium-night still apply) */

/* providers 'verified partners' pill → readable on yellow */
body.vk-home .vk-providers__count,
body.vk-home .vk-providers__head .vk-providers__sub{ color:rgba(10,10,12,.7) !important; }

/* ---- Live Odds header/controls on yellow ---- */
body.vk-home .vk-live__bg{ display:none !important; }
body.vk-home .vk-live__title{ color:#0A0A0C !important; -webkit-text-fill-color:#0A0A0C !important; }
body.vk-home .vk-live__title em{ color:var(--v100-red) !important; -webkit-text-fill-color:var(--v100-red) !important; background:none !important; }
body.vk-home .vk-live__title-sub{ color:rgba(10,10,12,.72) !important; }
body.vk-home .vk-live__updated{
    color:#0A0A0C !important;
    background:rgba(10,10,12,.06) !important;
    border:1px solid rgba(10,10,12,.2) !important;
}
body.vk-home .vk-live__updated i,
body.vk-home .vk-live__updated b{ color:var(--v100-red) !important; }
body.vk-home .vk-live__tabs{ background:rgba(10,10,12,.06) !important; border:1px solid rgba(10,10,12,.16) !important; }
body.vk-home .vk-live__tab{ color:rgba(10,10,12,.7) !important; }
body.vk-home .vk-live__tab i{ color:rgba(10,10,12,.6) !important; }
body.vk-home .vk-live__tab.is-active{ background:#0A0A0C !important; color:#fff !important; }
body.vk-home .vk-live__tab.is-active span,
body.vk-home .vk-live__tab.is-active em,
body.vk-home .vk-live__tab.is-active i{ color:#fff !important; }

/* =========================================================
   7. YELLOW HEADER (home) — black nav, black CTA pill,
   black+red logo. Fully commits the page to the yellow brand.
   ========================================================= */
body.vk-home .nw-header{
    background:#FBC21A !important;
    -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
    border-bottom:2px solid #0A0A0C !important;
}
body.vk-home .nw-header.is-scrolled{
    background:#F7BC10 !important;
    border-bottom-color:#0A0A0C !important;
    box-shadow:0 10px 26px rgba(0,0,0,.18) !important;
}
body.vk-home .nw-brand img{ height:34px; width:auto; }
body.vk-home .nw-header.is-scrolled .nw-brand img{ height:30px; }
@media (max-width:768px){ body.vk-home .nw-brand img{ height:27px; } }
@media (max-width:480px){ body.vk-home .nw-brand img{ height:23px; } }
@media (max-width:380px){ body.vk-home .nw-brand img{ height:21px; } }
body.vk-home .nw-brand::before{ display:none !important; }
body.vk-home .nw-brand:hover img{ filter:drop-shadow(0 4px 12px rgba(0,0,0,.25)) !important; }

body.vk-home .nw-nav__link{ color:#0A0A0C !important; font-weight:700; }
body.vk-home .nw-nav__link:hover,
body.vk-home .nw-nav__item.is-active > .nw-nav__link{ color:var(--v100-red) !important; }
body.vk-home .nw-nav__link::after{ background:var(--v100-red) !important; }

body.vk-home .nw-icon-btn{ color:#0A0A0C !important; border-color:rgba(10,10,12,.28) !important; }
body.vk-home .nw-icon-btn:hover{ background:rgba(10,10,12,.1) !important; border-color:#0A0A0C !important; color:#0A0A0C !important; }

body.vk-home .nw-bar__rule{ background:linear-gradient(90deg,transparent,rgba(10,10,12,.35),transparent) !important; }
body.vk-home .nw-burger span{ background:#0A0A0C !important; }

/* CTA pill → WhatsApp green (WhatsApp support button) */
body.vk-home .nw-cta{
    background:linear-gradient(135deg,#25D366 0%,#1EBE57 55%,#128C7E 100%) !important; color:#fff !important;
    box-shadow:0 10px 22px rgba(37,211,102,.3) !important;
}
body.vk-home .nw-cta:hover{ box-shadow:0 14px 28px rgba(37,211,102,.42) !important; }
body.vk-home .nw-cta__txt,
body.vk-home .nw-cta__txt b{ color:#fff !important; }
body.vk-home .nw-cta__txt small{ color:rgba(255,255,255,.8) !important; }
body.vk-home .nw-cta__icon{ background:rgba(255,255,255,.18) !important; color:#fff !important; }

/* =========================================================
   8. MOTION
   ========================================================= */
@media (prefers-reduced-motion: reduce){
    .v100-ticker__rail{ animation:none; }
    .v100-ticker__label i{ animation:none; }
}

/* ============================================================
   9. PREMIUM HERO (.v100-hero) — editorial copy + verified-agent
   showcase card on the yellow canvas. Replaces the old split.
   ============================================================ */
@keyframes v100-pulse-red{
    0%{   box-shadow:0 0 0 0 rgba(228,18,31,.5); }
    70%{  box-shadow:0 0 0 7px rgba(228,18,31,0); }
    100%{ box-shadow:0 0 0 0 rgba(228,18,31,0); }
}
@keyframes v100-underline{ to{ transform:scaleX(1); } }

body.vk-home .v100-hero{
    position:relative; overflow:hidden;
    border-bottom:2px solid var(--v100-ink);
    padding:clamp(40px,6vw,84px) 0 clamp(44px,6vw,78px);
}
body.vk-home .v100-hero__watermark{
    position:absolute; left:50%; top:-8%; transform:translateX(-50%);
    font-family:var(--v100-disp); font-weight:800; line-height:1;
    font-size:clamp(150px,27vw,440px); letter-spacing:-.05em;
    color:rgba(10,10,12,.045); white-space:nowrap; user-select:none; pointer-events:none; z-index:0;
}
body.vk-home .v100-hero__watermark b{ color:rgba(196,16,30,.06); }

body.vk-home .v100-hero__inner{
    position:relative; z-index:2;
    max-width:var(--vk-max); margin:0 auto; padding:0 var(--vk-pad);
    display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(28px,5vw,64px); align-items:center;
}

/* ---- copy ---- */
body.vk-home .v100-hero__kicker{
    display:inline-flex; align-items:center; gap:9px;
    font-family:var(--v100-mono); font-weight:700; font-size:11.5px;
    letter-spacing:.12em; text-transform:uppercase; color:var(--v100-ink);
    background:rgba(10,10,12,.06); border:1px solid rgba(10,10,12,.18);
    padding:7px 14px; border-radius:999px;
}
body.vk-home .v100-hero__kicker-dot{
    width:8px; height:8px; border-radius:50%; background:var(--v100-red);
    animation:v100-pulse-red 1.8s infinite;
}
body.vk-home .v100-hero__title{
    font-family:var(--vk-font-bn); font-weight:700; color:var(--v100-ink);
    letter-spacing:-.01em; line-height:1.12; font-size:clamp(38px,5.4vw,72px);
    margin:20px 0 18px;
}
body.vk-home .v100-hero__title-em{ color:var(--v100-red); position:relative; white-space:nowrap; }
body.vk-home .v100-hero__title-em::after{
    content:""; position:absolute; left:0; right:0; bottom:.02em; height:.12em;
    background:var(--v100-red); border-radius:2px; opacity:.9;
    transform:scaleX(0); transform-origin:left; animation:v100-underline .9s .35s var(--vk-easing) forwards;
}
body.vk-home .v100-hero__lead{
    color:rgba(10,10,12,.8); font-size:clamp(15px,1.4vw,17px); line-height:1.7;
    max-width:52ch; margin-bottom:26px;
}
body.vk-home .v100-hero__lead strong{ color:var(--v100-ink); font-weight:700; }
body.vk-home .v100-hero__lead em{ color:var(--v100-red); font-style:normal; font-weight:700; }

body.vk-home .v100-hero__actions{ display:flex; flex-wrap:wrap; align-items:center; gap:14px 22px; margin-bottom:24px; }
body.vk-home .v100-hero__btn{ display:inline-flex; align-items:center; gap:10px; font-family:var(--v100-disp); font-weight:800; border-radius:8px; }
body.vk-home .v100-hero__btn--primary{
    background:linear-gradient(135deg,#25D366 0%,#1EBE57 55%,#128C7E 100%); color:#fff; padding:16px 24px;
    box-shadow:0 16px 34px rgba(37,211,102,.3); transition:transform .2s, box-shadow .2s;
}
body.vk-home .v100-hero__btn--primary i{ color:#fff; }
body.vk-home .v100-hero__btn--primary:hover{ transform:translateY(-2px); box-shadow:0 22px 42px rgba(37,211,102,.42); }
body.vk-home .v100-hero__btn-arrow{ transition:transform .2s; }
body.vk-home .v100-hero__btn--primary:hover .v100-hero__btn-arrow{ transform:translateX(4px); }
body.vk-home .v100-hero__btn--link{ color:var(--v100-ink); padding:10px 4px; position:relative; }
body.vk-home .v100-hero__btn--link i{ transition:transform .2s; }
body.vk-home .v100-hero__btn--link:hover i{ transform:translateX(4px); }
body.vk-home .v100-hero__btn--link::after{
    content:""; position:absolute; left:4px; bottom:4px; height:2px; width:calc(100% - 8px);
    background:var(--v100-ink); transform:scaleX(0); transform-origin:left; transition:transform .25s;
}
body.vk-home .v100-hero__btn--link:hover::after{ transform:scaleX(1); }

body.vk-home .v100-hero__trust{
    list-style:none; margin:0; padding:18px 0 0; border-top:1px solid rgba(10,10,12,.16);
    display:flex; flex-wrap:wrap; gap:8px 22px; align-items:center;
    font-size:13.5px; color:rgba(10,10,12,.78); font-weight:600;
}
body.vk-home .v100-hero__trust li{ display:inline-flex; align-items:center; gap:7px; }
body.vk-home .v100-hero__trust li i{ color:var(--v100-red); }
body.vk-home .v100-hero__trust b{ font-family:var(--v100-mono); font-weight:800; color:var(--v100-ink); }

/* ---- verified-agent showcase card ---- */
body.vk-home .v100-hero__showcase{ position:relative; justify-self:center; width:100%; max-width:420px; }
body.vk-home .v100-hero__glow{
    position:absolute; inset:-6% -6% -10% -6%; z-index:0; border-radius:30px;
    background:radial-gradient(60% 60% at 50% 35%, rgba(0,0,0,.18), transparent 70%); filter:blur(6px);
}

/* ---- standalone real-pitch photo ---- */
body.vk-home .v100-hero__photo{
    position:relative; z-index:1; margin:0;
    height:clamp(420px,46vw,560px);
    border-radius:22px; overflow:hidden;
    border:1px solid rgba(10,10,12,.22);
    box-shadow:0 30px 66px rgba(0,0,0,.34);
}
body.vk-home .v100-hero__photo img{
    width:100%; height:100%; object-fit:cover; object-position:64% 30%;
    display:block; transform:scale(1.02); transition:transform .9s var(--vk-easing);
}
body.vk-home .v100-hero__showcase:hover .v100-hero__photo img{ transform:scale(1.06); }
body.vk-home .v100-hero__photo-scrim{
    position:absolute; inset:0; pointer-events:none;
    background:
        linear-gradient(180deg, rgba(10,10,12,.24) 0%, rgba(10,10,12,0) 28%, rgba(10,10,12,0) 72%, rgba(14,13,20,.30) 100%),
        linear-gradient(90deg, rgba(228,18,31,.10), transparent 55%);
}

body.vk-home .v100-card{
    position:relative; z-index:2; margin-top:-46px;
    background:linear-gradient(180deg,#1B1A22 0%,#0E0D14 100%);
    border:1px solid rgba(255,255,255,.08); border-radius:22px;
    padding:28px 24px 24px; box-shadow:0 36px 80px rgba(0,0,0,.4);
    overflow:hidden;
}
body.vk-home .v100-card__bar{ position:absolute; top:0; left:0; right:0; height:4px; background:linear-gradient(90deg,var(--v100-yellow),var(--v100-red)); }
body.vk-home .v100-card__tier{
    position:absolute; top:18px; right:18px;
    font-family:var(--v100-mono); font-size:10.5px; font-weight:800; letter-spacing:.05em;
    color:var(--v100-ink); background:var(--v100-yellow); padding:5px 11px; border-radius:6px;
}
body.vk-home .v100-card__head{ display:flex; align-items:center; gap:16px; margin:4px 0 18px; }
body.vk-home .v100-card__avatar{
    position:relative; flex-shrink:0; width:66px; height:66px; border-radius:18px;
    background:linear-gradient(140deg,var(--v100-yellow),#F5A300); color:var(--v100-ink);
    font-family:var(--vk-font-bn); font-weight:700; font-size:26px;
    display:inline-flex; align-items:center; justify-content:center;
}
body.vk-home .v100-card__verify{
    position:absolute; right:-6px; bottom:-6px; width:24px; height:24px; border-radius:50%;
    background:var(--v100-red); color:#fff; font-size:11px;
    display:inline-flex; align-items:center; justify-content:center; border:2px solid #14131A;
}
body.vk-home .v100-card__name{ color:#fff; font-family:var(--vk-font-bn); font-size:20px; font-weight:700; margin:0 0 4px; }
body.vk-home .v100-card__meta{ display:block; color:#9A9CAB; font-size:12px; font-family:var(--v100-mono); margin-bottom:6px; }
body.vk-home .v100-card__meta i{ color:var(--v100-yellow); }
body.vk-home .v100-card__stars{ color:var(--v100-yellow); font-size:14px; letter-spacing:2px; }
body.vk-home .v100-card__stars em{ color:#C7C8D2; font-style:normal; font-size:12px; font-family:var(--v100-mono); margin-left:6px; letter-spacing:0; }
body.vk-home .v100-card__checks{
    list-style:none; margin:0 0 18px; padding:16px 0;
    border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08);
    display:grid; gap:9px;
}
body.vk-home .v100-card__checks li{ display:flex; align-items:center; gap:10px; color:#D7D8E0; font-size:13.5px; }
body.vk-home .v100-card__checks i{ color:#19C37D; font-size:14px; }
body.vk-home .v100-card__cta{
    display:flex; align-items:center; justify-content:center; gap:10px;
    background:var(--v100-yellow); color:var(--v100-ink); font-weight:800; font-size:14.5px;
    padding:14px; border-radius:10px; transition:filter .2s, transform .2s;
}
body.vk-home .v100-card__cta:hover{ filter:brightness(1.06); transform:translateY(-1px); }
body.vk-home .v100-card__seal{
    position:absolute; bottom:88px; right:-4px;
    font-family:var(--v100-mono); font-weight:800; font-size:8.5px; letter-spacing:.1em; line-height:1.3; text-align:center;
    color:rgba(255,194,26,.85); border:1.5px solid rgba(255,194,26,.5); border-radius:8px; padding:6px 8px;
    transform:rotate(8deg); opacity:.65;
}

/* floating accent stat */
body.vk-home .v100-hero__float{
    position:absolute; z-index:3; left:-28px; bottom:-22px; top:auto;
    display:flex; align-items:center; gap:11px;
    background:#fff; border-radius:14px; padding:12px 16px; box-shadow:0 20px 44px rgba(0,0,0,.22);
}
body.vk-home .v100-hero__float-ic{ width:36px; height:36px; border-radius:10px; background:var(--v100-ink); color:var(--v100-yellow); display:inline-flex; align-items:center; justify-content:center; }
body.vk-home .v100-hero__float-tx{ display:flex; flex-direction:column; line-height:1.15; }
body.vk-home .v100-hero__float-tx b{ font-family:var(--v100-mono); font-weight:800; color:var(--v100-ink); font-size:16px; }
body.vk-home .v100-hero__float-tx small{ color:#6b6b6b; font-size:11px; }

/* verified pill — top-left over the photo */
body.vk-home .v100-photo-badge{
    position:absolute; top:14px; left:14px; z-index:3;
    display:inline-flex; align-items:center; gap:7px;
    font-family:var(--v100-mono); font-size:11px; font-weight:800; letter-spacing:.04em; color:#fff;
    background:rgba(10,10,12,.55); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
    border:1px solid rgba(255,255,255,.18); padding:6px 12px; border-radius:999px;
    box-shadow:0 8px 20px rgba(0,0,0,.25);
}
body.vk-home .v100-photo-badge i{ color:var(--v100-yellow); font-size:12px; }

/* fast-payout stat — frosted glass chip, bottom-left over the photo */
body.vk-home .v100-photo-stat{
    position:absolute; left:14px; bottom:14px; z-index:3;
    display:inline-flex; align-items:center; gap:11px;
    background:rgba(14,13,20,.62); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
    border:1px solid rgba(255,255,255,.14); border-radius:14px; padding:10px 14px;
    box-shadow:0 16px 34px rgba(0,0,0,.34);
}
body.vk-home .v100-photo-stat__ic{
    width:34px; height:34px; border-radius:10px; flex-shrink:0;
    background:var(--v100-yellow); color:var(--v100-ink);
    display:inline-flex; align-items:center; justify-content:center; font-size:14px;
}
body.vk-home .v100-photo-stat__tx{ display:flex; flex-direction:column; line-height:1.18; }
body.vk-home .v100-photo-stat__tx b{ font-family:var(--v100-mono); font-weight:800; color:#fff; font-size:16px; }
body.vk-home .v100-photo-stat__tx small{ color:rgba(255,255,255,.72); font-size:11px; }

/* responsive */
@media (max-width:900px){
    body.vk-home .v100-hero__inner{ grid-template-columns:1fr; gap:44px; }
    body.vk-home .v100-hero__showcase{ max-width:400px; margin:0 auto; }
    body.vk-home .v100-hero__float{ left:-12px; bottom:-20px; top:auto; }
}
@media (max-width:560px){
    body.vk-home .v100-hero__watermark{ font-size:46vw; top:-2%; }
    body.vk-home .v100-hero__float{ left:6px; bottom:-18px; top:auto; padding:10px 13px; }
    body.vk-home .v100-card__seal{ display:none; }
    body.vk-home .v100-hero__trust{ gap:8px 16px; }
    body.vk-home .v100-hero__photo{ height:clamp(320px,82vw,440px); }
}
@media (prefers-reduced-motion: reduce){
    body.vk-home .v100-hero__title-em::after{ animation:none; transform:scaleX(1); }
    body.vk-home .v100-hero__kicker-dot{ animation:none; }
    body.vk-home .v100-hero__photo img,
    body.vk-home .v100-hero__showcase:hover .v100-hero__photo img{ transition:none; transform:none; }
}

/* ============================================================
   10. PROVIDER NETWORK (.v100-prov) — modern filterable bento
   grid. Dark glass tiles on the yellow canvas, category chips,
   spotlight feature tile, tinted hover auras. Replaces the old
   dual-rail marquee (.vk-providers).
   ============================================================ */
body.vk-home .v100-prov{ position:relative; padding:clamp(48px,6vw,90px) 0; border-top:1px solid rgba(10,10,12,.14); }
body.vk-home .v100-prov__inner{ position:relative; max-width:var(--vk-max); margin:0 auto; padding:0 var(--vk-pad); }

/* header */
body.vk-home .v100-prov__head{
    display:flex; align-items:flex-end; justify-content:space-between; gap:26px 40px;
    flex-wrap:wrap; margin-bottom:clamp(24px,3vw,38px);
}
body.vk-home .v100-prov__head-main{ max-width:640px; }
body.vk-home .v100-prov__eyebrow{
    display:inline-flex; align-items:center; gap:9px;
    font-family:var(--v100-mono); font-weight:800; font-size:12px; letter-spacing:.12em; text-transform:uppercase;
    color:var(--v100-red);
}
body.vk-home .v100-prov__title{
    font-family:var(--v100-disp); font-weight:800; letter-spacing:-.03em; line-height:1.05;
    font-size:clamp(30px,4.4vw,52px); color:var(--v100-ink); margin:14px 0 12px;
}
body.vk-home .v100-prov__title em{ color:var(--v100-red); font-style:normal; }
body.vk-home .v100-prov__sub{ color:rgba(10,10,12,.74); font-size:clamp(14px,1.3vw,16px); line-height:1.65; max-width:54ch; margin:0; }

body.vk-home .v100-prov__stats{ display:flex; gap:10px; flex-shrink:0; }
body.vk-home .v100-prov__stat{
    display:flex; flex-direction:column; gap:3px; padding:12px 16px; border-radius:14px;
    background:rgba(10,10,12,.05); border:1px solid rgba(10,10,12,.16); min-width:86px;
}
body.vk-home .v100-prov__stat b{ font-family:var(--v100-mono); font-weight:800; font-size:clamp(17px,1.9vw,22px); color:var(--v100-ink); line-height:1; white-space:nowrap; }
body.vk-home .v100-prov__stat span{ font-size:11px; color:rgba(10,10,12,.64); font-weight:600; }

/* one-way auto-scroll slider — full-bleed, image-background slides */
body.vk-home .v100-prov__slider{
    position:relative; margin-top:clamp(22px,2.6vw,34px); width:100%; overflow:hidden;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
            mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
}
body.vk-home .v100-prov__rail{
    display:flex; width:max-content; padding:6px 0;
    animation:v100-marquee 95s linear infinite;
    will-change:transform; backface-visibility:hidden; transform:translateZ(0);
}
body.vk-home .v100-prov__slider:hover .v100-prov__rail{ animation-play-state:paused; }

body.vk-home .v100-prov__slide{
    position:relative; flex-shrink:0; overflow:hidden; isolation:isolate; margin-right:16px;
    width:clamp(220px,22vw,272px); height:clamp(280px,27vw,338px);
    border-radius:20px; text-decoration:none;
    background:linear-gradient(165deg, color-mix(in srgb, var(--tint) 38%, #14131A), #0B0A10 78%);
    border:1px solid rgba(255,255,255,.09); box-shadow:0 20px 46px rgba(0,0,0,.30);
    transition:transform .3s var(--vk-easing), box-shadow .3s, border-color .3s;
}
body.vk-home .v100-prov__slide:hover{
    transform:translateY(-6px);
    border-color:color-mix(in srgb, var(--tint) 60%, transparent);
    box-shadow:0 30px 64px rgba(0,0,0,.42);
}

/* full-bleed image background */
body.vk-home .v100-prov__slide-bg{
    position:absolute; inset:0; z-index:0;
    background-size:cover; background-position:center;
    transform:scale(1.04); transition:transform .6s var(--vk-easing);
}
body.vk-home .v100-prov__slide:hover .v100-prov__slide-bg{ transform:scale(1.1); }

/* readability scrim + tint wash */
body.vk-home .v100-prov__slide-scrim{
    position:absolute; inset:0; z-index:1; pointer-events:none;
    background:
        linear-gradient(180deg, rgba(8,7,12,.12) 0%, rgba(8,7,12,0) 42%, rgba(8,7,12,.88) 100%),
        linear-gradient(90deg, color-mix(in srgb, var(--tint) 28%, transparent), transparent 60%);
}
body.vk-home .v100-prov__slide::before{
    content:""; position:absolute; left:0; top:0; z-index:2; height:4px; width:100%;
    background:linear-gradient(90deg, var(--tint), transparent 75%);
}

body.vk-home .v100-prov__slide-body{
    position:absolute; left:0; right:0; bottom:0; z-index:3;
    display:flex; flex-direction:column; gap:7px; padding:18px;
}
body.vk-home .v100-prov__slide-role{
    align-self:flex-start;
    font-family:var(--v100-mono); font-size:9.5px; font-weight:800; letter-spacing:.05em; text-transform:uppercase;
    color:#fff; background:color-mix(in srgb, var(--tint) 62%, rgba(10,10,12,.55));
    padding:5px 9px; border-radius:7px; -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
}
body.vk-home .v100-prov__slide-name{
    font-family:var(--v100-disp); font-weight:800; font-size:20px; color:#fff;
    letter-spacing:-.01em; text-shadow:0 2px 10px rgba(0,0,0,.5);
}
body.vk-home .v100-prov__slide-live{ display:inline-flex; align-items:center; gap:7px; font-size:12px; color:rgba(255,255,255,.82); }
body.vk-home .v100-prov__slide-live b{ color:#fff; font-family:var(--v100-mono); font-weight:800; }

body.vk-home .v100-prov__live-dot{ width:7px; height:7px; border-radius:50%; background:#2BE07A; box-shadow:0 0 8px rgba(43,224,122,.8); animation:v100-pulse-green 1.8s infinite; }
@keyframes v100-pulse-green{ 0%{box-shadow:0 0 0 0 rgba(43,224,122,.5);} 70%{box-shadow:0 0 0 6px rgba(43,224,122,0);} 100%{box-shadow:0 0 0 0 rgba(43,224,122,0);} }

/* responsive */
@media (max-width:680px){
    body.vk-home .v100-prov__stats{ width:100%; }
    body.vk-home .v100-prov__slide{ width:200px; height:262px; }
}
@media (prefers-reduced-motion: reduce){
    body.vk-home .v100-prov__rail{ animation:none; }
    body.vk-home .v100-prov__slide-bg{ transition:none; transform:none; }
    body.vk-home .v100-prov__live-dot{ animation:none; }
}

/* ============================================================
   11. SEO CONTENT BAND (.v100-seo) — premium dark cricket band
   with keyword-rich copy. Breaks the yellow rhythm for contrast.
   ============================================================ */
body.vk-home .v100-seo{
    position:relative; overflow:hidden;
    background:radial-gradient(120% 140% at 85% 0%, #1B1A23 0%, #0B0A10 62%);
    border-top:2px solid var(--v100-yellow); border-bottom:2px solid var(--v100-yellow);
    padding:clamp(54px,7vw,104px) 0;
}
body.vk-home .v100-seo__grad{
    position:absolute; inset:0; z-index:0; pointer-events:none;
    background:
        radial-gradient(42% 50% at 10% 100%, rgba(228,18,31,.20), transparent 70%),
        radial-gradient(42% 50% at 96% 8%, rgba(255,194,26,.14), transparent 70%);
}
body.vk-home .v100-seo__inner{
    position:relative; z-index:1;
    max-width:var(--vk-max); margin:0 auto; padding:0 var(--vk-pad);
    display:grid; grid-template-columns:.82fr 1.18fr; gap:clamp(34px,5vw,72px); align-items:center;
}

/* media */
body.vk-home .v100-seo__media{ position:relative; margin:0; justify-self:center; width:100%; max-width:384px; }
body.vk-home .v100-seo__media img{
    position:relative; z-index:1; display:block; width:100%; height:auto;
    border-radius:24px; border:1px solid rgba(255,255,255,.12);
    box-shadow:0 40px 90px rgba(0,0,0,.55);
}
body.vk-home .v100-seo__media-ring{
    position:absolute; inset:-16px; z-index:0; border-radius:32px;
    background:conic-gradient(from 140deg, var(--v100-yellow), var(--v100-red), var(--v100-yellow));
    opacity:.5; filter:blur(24px); animation:v100-seo-spin 16s linear infinite;
}
@keyframes v100-seo-spin{ to{ transform:rotate(360deg); } }
body.vk-home .v100-seo__media-badge{
    position:absolute; left:50%; bottom:-16px; transform:translateX(-50%); z-index:2;
    display:inline-flex; align-items:center; gap:8px; white-space:nowrap;
    font-family:var(--v100-mono); font-size:12px; font-weight:800; color:#fff;
    background:rgba(10,10,12,.80); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
    border:1px solid rgba(255,255,255,.16); padding:9px 15px; border-radius:999px;
    box-shadow:0 14px 30px rgba(0,0,0,.45);
}
body.vk-home .v100-seo__media-badge-dot{ width:8px; height:8px; border-radius:50%; background:var(--v100-red-2); animation:v100-pulse-red 1.6s infinite; }

/* body */
body.vk-home .v100-seo__eyebrow{
    display:inline-flex; align-items:center; gap:9px;
    font-family:var(--v100-mono); font-weight:800; font-size:11.5px; letter-spacing:.1em; text-transform:uppercase;
    color:var(--v100-yellow); background:rgba(255,194,26,.1); border:1px solid rgba(255,194,26,.3);
    padding:7px 14px; border-radius:999px;
}
body.vk-home .v100-seo__title{
    font-family:var(--vk-font-bn); font-weight:700; color:#fff; line-height:1.24;
    font-size:clamp(25px,3.3vw,42px); margin:18px 0 16px; letter-spacing:-.01em;
}
body.vk-home .v100-seo__title em{ color:var(--v100-yellow); font-style:normal; }
body.vk-home .v100-seo__lead{ color:rgba(255,255,255,.82); font-size:clamp(15px,1.35vw,17px); line-height:1.8; margin:0 0 14px; }
body.vk-home .v100-seo__text{ color:rgba(255,255,255,.6); font-size:14.5px; line-height:1.8; margin:0 0 22px; }
body.vk-home .v100-seo__lead strong,
body.vk-home .v100-seo__text strong{ color:#fff; font-weight:700; }

body.vk-home .v100-seo__points{ list-style:none; margin:0 0 26px; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:12px 22px; }
body.vk-home .v100-seo__points li{ display:flex; align-items:center; gap:10px; color:rgba(255,255,255,.86); font-size:14px; font-weight:600; }
body.vk-home .v100-seo__points i{ color:#19C37D; font-size:15px; flex-shrink:0; }

body.vk-home .v100-seo__cta{ display:flex; flex-wrap:wrap; gap:14px; }
body.vk-home .v100-seo__btn{
    display:inline-flex; align-items:center; gap:10px;
    font-family:var(--v100-disp); font-weight:800; font-size:14.5px; border-radius:10px; padding:15px 24px;
    transition:transform .2s, box-shadow .2s, border-color .2s;
}
body.vk-home .v100-seo__btn--primary{ background:linear-gradient(135deg,#25D366 0%,#1EBE57 55%,#128C7E 100%); color:#fff; box-shadow:0 16px 34px rgba(37,211,102,.3); }
body.vk-home .v100-seo__btn--primary i{ color:#fff; }
body.vk-home .v100-seo__btn--primary:hover{ transform:translateY(-2px); box-shadow:0 22px 44px rgba(37,211,102,.42); }
body.vk-home .v100-seo__btn--ghost{ color:#fff; border:1.5px solid rgba(255,255,255,.28); }
body.vk-home .v100-seo__btn--ghost i{ transition:transform .2s; }
body.vk-home .v100-seo__btn--ghost:hover{ border-color:#fff; }
body.vk-home .v100-seo__btn--ghost:hover i{ transform:translateX(4px); }

/* responsive */
@media (max-width:880px){
    body.vk-home .v100-seo__inner{ grid-template-columns:1fr; gap:46px; }
    body.vk-home .v100-seo__media{ max-width:320px; }
}
@media (max-width:480px){
    body.vk-home .v100-seo__points{ grid-template-columns:1fr; }
    body.vk-home .v100-seo__btn{ width:100%; justify-content:center; }
}
@media (prefers-reduced-motion: reduce){
    body.vk-home .v100-seo__media-ring{ animation:none; }
    body.vk-home .v100-seo__media-badge-dot{ animation:none; }
}

/* ============================================================
   12. FAQ (.v100-faq) — premium two-column accordion. Sticky
   intro + WhatsApp help card · numbered card-style questions.
   ============================================================ */
body.vk-home .v100-faq{ position:relative; padding:clamp(50px,6vw,94px) 0; border-top:1px solid rgba(10,10,12,.14); }
body.vk-home .v100-faq__inner{
    max-width:var(--vk-max); margin:0 auto; padding:0 var(--vk-pad);
    display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(28px,4vw,60px); align-items:start;
}

/* sticky intro */
body.vk-home .v100-faq__intro{ position:sticky; top:96px; }
body.vk-home .v100-faq__eyebrow{
    display:inline-flex; align-items:center; gap:8px;
    font-family:var(--v100-mono); font-weight:800; font-size:12px; letter-spacing:.12em; text-transform:uppercase;
    color:var(--v100-red);
}
body.vk-home .v100-faq__title{
    font-family:var(--vk-font-bn); font-weight:700; color:var(--v100-ink); line-height:1.18;
    font-size:clamp(28px,3.6vw,44px); margin:14px 0 12px; letter-spacing:-.01em;
}
body.vk-home .v100-faq__title em{ color:var(--v100-red); font-style:normal; }
body.vk-home .v100-faq__sub{ color:rgba(10,10,12,.72); font-size:15px; line-height:1.7; margin:0 0 24px; max-width:36ch; }

/* whatsapp help card */
body.vk-home .v100-faq__help{
    display:flex; align-items:center; gap:14px; flex-wrap:wrap;
    background:var(--v100-ink); border-radius:16px; padding:18px;
    box-shadow:0 22px 50px rgba(0,0,0,.22);
}
body.vk-home .v100-faq__help-ic{
    width:44px; height:44px; border-radius:12px; flex-shrink:0;
    background:#25D366; color:#fff; font-size:20px;
    display:inline-flex; align-items:center; justify-content:center;
}
body.vk-home .v100-faq__help-tx{ display:flex; flex-direction:column; gap:2px; flex:1; min-width:150px; }
body.vk-home .v100-faq__help-tx b{ color:#fff; font-family:var(--v100-disp); font-weight:800; font-size:14.5px; }
body.vk-home .v100-faq__help-tx span{ color:rgba(255,255,255,.66); font-size:12.5px; }
body.vk-home .v100-faq__help-btn{
    flex-shrink:0; background:var(--v100-yellow); color:var(--v100-ink);
    font-family:var(--v100-disp); font-weight:800; font-size:13.5px;
    padding:11px 18px; border-radius:10px; transition:transform .2s, filter .2s;
}
body.vk-home .v100-faq__help-btn:hover{ transform:translateY(-2px); filter:brightness(1.05); }

/* accordion */
body.vk-home .v100-faq__list{ display:flex; flex-direction:column; gap:12px; }
body.vk-home .v100-faq__item{
    background:#fff; border:1px solid rgba(10,10,12,.1); border-radius:16px; overflow:hidden;
    box-shadow:0 8px 24px rgba(0,0,0,.06);
    transition:border-color .25s, box-shadow .25s;
}
body.vk-home .v100-faq__item:hover{ border-color:rgba(10,10,12,.2); box-shadow:0 14px 32px rgba(0,0,0,.10); }
body.vk-home .v100-faq__item[open]{ border-color:rgba(228,18,31,.35); box-shadow:0 18px 42px rgba(228,18,31,.12); }

body.vk-home .v100-faq__summary{
    list-style:none; cursor:pointer; display:flex; align-items:center; gap:14px;
    padding:18px 20px; user-select:none;
}
body.vk-home .v100-faq__summary::-webkit-details-marker{ display:none; }
body.vk-home .v100-faq__num{
    width:34px; height:34px; border-radius:10px; flex-shrink:0;
    display:inline-flex; align-items:center; justify-content:center;
    font-family:var(--v100-mono); font-weight:800; font-size:14px;
    background:rgba(10,10,12,.06); color:var(--v100-ink); transition:background .25s, color .25s;
}
body.vk-home .v100-faq__item[open] .v100-faq__num{ background:var(--v100-red); color:#fff; }
body.vk-home .v100-faq__q{ flex:1; font-family:var(--vk-font-bn); font-weight:700; font-size:16px; color:var(--v100-ink); line-height:1.4; }
body.vk-home .v100-faq__icon{
    width:30px; height:30px; border-radius:50%; flex-shrink:0;
    display:inline-flex; align-items:center; justify-content:center;
    background:rgba(10,10,12,.06); color:var(--v100-ink); font-size:12px;
    transition:transform .3s var(--vk-easing), background .25s, color .25s;
}
body.vk-home .v100-faq__item[open] .v100-faq__icon{ background:var(--v100-red); color:#fff; transform:rotate(45deg); }

body.vk-home .v100-faq__answer{
    padding:0 20px 20px 68px; color:rgba(10,10,12,.74); font-size:14.5px; line-height:1.8;
}
body.vk-home .v100-faq__item[open] .v100-faq__answer{ animation:v100-faq-reveal .35s var(--vk-easing); }
@keyframes v100-faq-reveal{ from{ opacity:0; transform:translateY(-6px); } to{ opacity:1; transform:none; } }
body.vk-home .v100-faq__answer p{ margin:0 0 10px; }
body.vk-home .v100-faq__answer p:last-child{ margin-bottom:0; }
body.vk-home .v100-faq__answer a{ color:var(--v100-red); font-weight:700; }
body.vk-home .v100-faq__answer strong{ color:var(--v100-ink); }

/* responsive */
@media (max-width:880px){
    body.vk-home .v100-faq__inner{ grid-template-columns:1fr; gap:30px; }
    body.vk-home .v100-faq__intro{ position:static; }
    body.vk-home .v100-faq__sub{ max-width:none; }
}
@media (max-width:480px){
    body.vk-home .v100-faq__summary{ padding:15px 16px; gap:11px; }
    body.vk-home .v100-faq__num{ width:30px; height:30px; font-size:12.5px; }
    body.vk-home .v100-faq__q{ font-size:14.5px; }
    body.vk-home .v100-faq__answer{ padding:0 16px 16px 16px; }
}
@media (prefers-reduced-motion: reduce){
    body.vk-home .v100-faq__item[open] .v100-faq__answer{ animation:none; }
    body.vk-home .v100-faq__item[open] .v100-faq__icon{ transition:none; }
}

/* ============================================================
   13. BLOG (.v100-blog) — refined, compact uniform 3-up cards
   ============================================================ */
body.vk-home .v100-blog{ position:relative; padding:clamp(50px,6vw,90px) 0; border-top:1px solid rgba(10,10,12,.14); }
body.vk-home .v100-blog__inner{ max-width:var(--vk-max); margin:0 auto; padding:0 var(--vk-pad); }

body.vk-home .v100-blog__head{ display:flex; align-items:flex-end; justify-content:space-between; gap:18px 30px; flex-wrap:wrap; margin-bottom:clamp(24px,3vw,38px); }
body.vk-home .v100-blog__eyebrow{ display:inline-flex; align-items:center; gap:8px; font-family:var(--v100-mono); font-weight:800; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--v100-red); }
body.vk-home .v100-blog__title{ font-family:var(--vk-font-bn); font-weight:700; color:var(--v100-ink); line-height:1.18; font-size:clamp(26px,3.4vw,42px); margin:12px 0 0; letter-spacing:-.01em; }
body.vk-home .v100-blog__title em{ color:var(--v100-red); font-style:normal; }
body.vk-home .v100-blog__head-link{ display:inline-flex; align-items:center; gap:8px; font-family:var(--v100-disp); font-weight:800; font-size:14px; color:var(--v100-ink); border:1.5px solid rgba(10,10,12,.22); padding:10px 18px; border-radius:999px; white-space:nowrap; transition:background .2s,color .2s,border-color .2s,transform .15s; }
body.vk-home .v100-blog__head-link:hover{ background:var(--v100-ink); color:#fff; border-color:var(--v100-ink); transform:translateY(-1px); }
body.vk-home .v100-blog__head-link i{ transition:transform .2s; }
body.vk-home .v100-blog__head-link:hover i{ transform:translateX(3px); }

body.vk-home .v100-blog__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }

body.vk-home .v100-blog__card{
    display:flex; flex-direction:column; overflow:hidden;
    background:#fff; border:1px solid rgba(10,10,12,.1); border-radius:16px;
    box-shadow:0 10px 28px rgba(0,0,0,.07);
    transition:transform .25s var(--vk-easing), box-shadow .25s, border-color .25s;
}
body.vk-home .v100-blog__card:hover{ transform:translateY(-5px); box-shadow:0 22px 48px rgba(0,0,0,.14); border-color:rgba(10,10,12,.18); }

body.vk-home .v100-blog__media{ position:relative; display:block; aspect-ratio:16/10; overflow:hidden; background:#14131A; }
body.vk-home .v100-blog__media img{ width:100%; height:100%; object-fit:cover; transition:transform .5s var(--vk-easing); }
body.vk-home .v100-blog__card:hover .v100-blog__media img{ transform:scale(1.06); }
body.vk-home .v100-blog__media-ph{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.3); font-size:34px; background:linear-gradient(135deg,#1b1a22,#0c0b11); }
body.vk-home .v100-blog__cat{
    position:absolute; left:12px; top:12px; z-index:2;
    font-family:var(--v100-mono); font-size:10px; font-weight:800; letter-spacing:.04em; text-transform:uppercase;
    color:var(--v100-ink); background:var(--v100-yellow); padding:5px 10px; border-radius:6px;
}
body.vk-home .v100-blog__badge{
    position:absolute; right:12px; top:12px; z-index:2;
    display:inline-flex; align-items:center; gap:6px;
    font-family:var(--v100-mono); font-size:10px; font-weight:800; letter-spacing:.04em; text-transform:uppercase;
    color:#fff; background:var(--v100-red); padding:5px 10px; border-radius:6px;
}
body.vk-home .v100-blog__badge-dot{ width:6px; height:6px; border-radius:50%; background:#fff; animation:v100-pulse 1.6s infinite; }

body.vk-home .v100-blog__body{ display:flex; flex-direction:column; gap:8px; padding:16px 16px 18px; flex:1; }
body.vk-home .v100-blog__meta{ display:inline-flex; align-items:center; gap:7px; margin:0; font-family:var(--v100-mono); font-size:11.5px; color:rgba(10,10,12,.55); }
body.vk-home .v100-blog__meta i{ color:var(--v100-red); }
body.vk-home .v100-blog__card-title{
    margin:0; font-family:var(--vk-font-bn); font-weight:700; font-size:16.5px; line-height:1.4; letter-spacing:-.005em;
    display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
body.vk-home .v100-blog__card-title a{ color:var(--v100-ink); transition:color .2s; }
body.vk-home .v100-blog__card-title a:hover{ color:var(--v100-red); }
body.vk-home .v100-blog__excerpt{
    margin:0; color:rgba(10,10,12,.62); font-size:13.5px; line-height:1.65;
    display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
body.vk-home .v100-blog__more{ margin-top:auto; padding-top:6px; display:inline-flex; align-items:center; gap:7px; font-family:var(--v100-disp); font-weight:800; font-size:13px; color:var(--v100-red); }
body.vk-home .v100-blog__more i{ transition:transform .2s; }
body.vk-home .v100-blog__card:hover .v100-blog__more i{ transform:translateX(4px); }

body.vk-home .v100-blog__empty{ color:rgba(10,10,12,.6); font-weight:600; }

@media (max-width:880px){ body.vk-home .v100-blog__grid{ grid-template-columns:repeat(2,1fr); gap:18px; } }
@media (max-width:560px){
    body.vk-home .v100-blog__grid{ grid-template-columns:1fr; }
    body.vk-home .v100-blog__head-link{ order:3; }
}
@media (prefers-reduced-motion: reduce){
    body.vk-home .v100-blog__card:hover .v100-blog__media img{ transform:none; }
    body.vk-home .v100-blog__badge-dot{ animation:none; }
}

/* ============================================================
   14. GAME CATEGORIES (.v100-cats) — premium dark accent tiles
   ============================================================ */
body.vk-home .v100-cats{ position:relative; padding:clamp(50px,6vw,92px) 0; border-top:1px solid rgba(10,10,12,.14); }
body.vk-home .v100-cats__inner{ max-width:var(--vk-max); margin:0 auto; padding:0 var(--vk-pad); }
body.vk-home .v100-cats__head{ text-align:center; margin-bottom:clamp(26px,3vw,42px); }
body.vk-home .v100-cats__eyebrow{ display:inline-flex; align-items:center; gap:8px; font-family:var(--v100-mono); font-weight:800; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--v100-red); }
body.vk-home .v100-cats__title{ font-family:var(--vk-font-bn); font-weight:700; color:var(--v100-ink); font-size:clamp(28px,3.6vw,46px); line-height:1.15; margin:12px 0 10px; letter-spacing:-.01em; }
body.vk-home .v100-cats__title em{ color:var(--v100-red); font-style:normal; }
body.vk-home .v100-cats__sub{ color:rgba(10,10,12,.72); font-size:15px; margin:0 auto; max-width:52ch; }

body.vk-home .v100-cats__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }

body.vk-home .v100-cats__card{
    position:relative; overflow:hidden; isolation:isolate;
    display:flex; flex-direction:column; min-height:212px; padding:18px;
    background:linear-gradient(180deg,#17161D,#0C0B11);
    border:1px solid rgba(255,255,255,.08); border-radius:18px;
    box-shadow:0 14px 34px rgba(0,0,0,.18); text-decoration:none;
    transition:transform .25s var(--vk-easing), box-shadow .25s, border-color .25s;
}
body.vk-home .v100-cats__card:hover{ transform:translateY(-5px); border-color:color-mix(in srgb,var(--accent) 55%,transparent); box-shadow:0 26px 54px rgba(0,0,0,.30); }
body.vk-home .v100-cats__card::before{ content:""; position:absolute; left:0; top:0; height:3px; width:100%; background:linear-gradient(90deg,var(--accent),transparent 75%); z-index:1; }
body.vk-home .v100-cats__bg{ position:absolute; inset:0; z-index:-2; background-size:cover; background-position:center; opacity:.20; }
body.vk-home .v100-cats__aura{ position:absolute; inset:0; z-index:-1; opacity:0; transition:opacity .3s; background:radial-gradient(120% 80% at 50% 0%, var(--accent), transparent 62%); }
body.vk-home .v100-cats__card:hover .v100-cats__aura{ opacity:.26; }

body.vk-home .v100-cats__top{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:14px; }
body.vk-home .v100-cats__tag{ font-family:var(--v100-mono); font-size:9.5px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:#fff; background:color-mix(in srgb,var(--accent) 72%, rgba(10,10,12,.35)); padding:4px 9px; border-radius:6px; }
body.vk-home .v100-cats__count{ font-family:var(--v100-mono); font-size:11px; font-weight:700; color:rgba(255,255,255,.58); }

body.vk-home .v100-cats__icon{
    width:50px; height:50px; border-radius:14px; flex-shrink:0;
    display:inline-flex; align-items:center; justify-content:center; font-size:22px; color:#fff;
    background:color-mix(in srgb,var(--accent) 22%, #1A1922);
    border:1px solid color-mix(in srgb,var(--accent) 42%, transparent);
    margin-bottom:12px; transition:transform .25s var(--vk-easing);
}
body.vk-home .v100-cats__card:hover .v100-cats__icon{ transform:scale(1.06) rotate(-4deg); }
body.vk-home .v100-cats__name{ font-family:var(--vk-font-bn); font-weight:700; font-size:18px; color:#fff; }
body.vk-home .v100-cats__desc{
    font-size:12.5px; color:rgba(255,255,255,.6); line-height:1.55; margin-top:5px;
    display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
body.vk-home .v100-cats__play{ margin-top:auto; padding-top:14px; display:inline-flex; align-items:center; gap:8px; font-family:var(--v100-disp); font-weight:800; font-size:13px; color:var(--accent); }
body.vk-home .v100-cats__play i{ transition:transform .2s; }
body.vk-home .v100-cats__card:hover .v100-cats__play i{ transform:translateX(4px); }

@media (max-width:1024px){ body.vk-home .v100-cats__grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:760px){
    body.vk-home .v100-cats__grid{ grid-template-columns:repeat(2,1fr); gap:12px; }
    body.vk-home .v100-cats__card{ min-height:196px; padding:15px; }
}
@media (max-width:380px){ body.vk-home .v100-cats__grid{ grid-template-columns:1fr; } }
@media (prefers-reduced-motion: reduce){ body.vk-home .v100-cats__card:hover .v100-cats__icon{ transform:none; } }

/* ============================================================
   15. REVIEWS (.v100-rev) — professional verified review wall
   with aggregate score card + masonry of testimonial cards.
   ============================================================ */
body.vk-home .v100-rev{ position:relative; padding:clamp(50px,6vw,92px) 0; border-top:1px solid rgba(10,10,12,.14); }
body.vk-home .v100-rev__inner{ max-width:var(--vk-max); margin:0 auto; padding:0 var(--vk-pad); }

body.vk-home .v100-rev__head{ display:flex; align-items:flex-end; justify-content:space-between; gap:22px 40px; flex-wrap:wrap; margin-bottom:clamp(26px,3vw,40px); }
body.vk-home .v100-rev__eyebrow{ display:inline-flex; align-items:center; gap:8px; font-family:var(--v100-mono); font-weight:800; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--v100-red); }
body.vk-home .v100-rev__title{ font-family:var(--vk-font-bn); font-weight:700; color:var(--v100-ink); font-size:clamp(27px,3.5vw,44px); line-height:1.16; margin:12px 0 8px; letter-spacing:-.01em; }
body.vk-home .v100-rev__title em{ color:var(--v100-red); font-style:normal; }
body.vk-home .v100-rev__sub{ color:rgba(10,10,12,.72); font-size:15px; margin:0; max-width:46ch; }

/* aggregate score card */
body.vk-home .v100-rev__score{
    display:flex; flex-direction:column; align-items:center; gap:5px; flex-shrink:0;
    background:var(--v100-ink); color:#fff; border-radius:18px; padding:18px 28px;
    box-shadow:0 20px 46px rgba(0,0,0,.22);
}
body.vk-home .v100-rev__score-num{ font-family:var(--v100-mono); font-weight:800; font-size:38px; line-height:1; color:#fff; }
body.vk-home .v100-rev__score-stars{ color:var(--v100-yellow); font-size:14px; letter-spacing:2px; }
body.vk-home .v100-rev__score-meta{ font-family:var(--v100-mono); font-size:11.5px; color:rgba(255,255,255,.66); }

/* premium auto-play slider */
body.vk-home .v100-rev__slider{ position:relative; }
body.vk-home .v100-rev__viewport{ overflow:hidden; }
body.vk-home .v100-rev__track{ display:flex; gap:18px; transition:transform .6s var(--vk-easing); will-change:transform; }
body.vk-home .v100-rev__slide{ flex:0 0 calc((100% - 36px) / 3); display:flex; }

body.vk-home .v100-rev__card{
    position:relative; flex:1;
    background:#fff; border:1px solid rgba(10,10,12,.1); border-radius:16px; padding:24px 22px 20px;
    box-shadow:0 8px 24px rgba(0,0,0,.06);
    transition:box-shadow .22s, border-color .22s;
}
body.vk-home .v100-rev__card:hover{ box-shadow:0 18px 40px rgba(0,0,0,.12); border-color:rgba(10,10,12,.18); }

/* controls */
body.vk-home .v100-rev__ctrl{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:26px; }
body.vk-home .v100-rev__dots{ display:flex; align-items:center; gap:8px; }
body.vk-home .v100-rev__dot{ width:9px; height:9px; padding:0; border:0; border-radius:50%; cursor:pointer; background:rgba(10,10,12,.22); transition:background .25s, width .25s; }
body.vk-home .v100-rev__dot.is-active{ width:26px; border-radius:999px; background:var(--v100-red); }
body.vk-home .v100-rev__arrows{ display:flex; gap:10px; }
body.vk-home .v100-rev__arrow{
    width:44px; height:44px; border-radius:50%; cursor:pointer;
    display:inline-flex; align-items:center; justify-content:center;
    background:#fff; border:1.5px solid rgba(10,10,12,.18); color:var(--v100-ink); font-size:14px;
    transition:background .2s, color .2s, border-color .2s, transform .15s;
}
body.vk-home .v100-rev__arrow:hover{ background:var(--v100-ink); color:#fff; border-color:var(--v100-ink); transform:translateY(-2px); }
body.vk-home .v100-rev__qmark{ position:absolute; top:6px; right:18px; font-family:Georgia,'Times New Roman',serif; font-size:62px; line-height:1; color:rgba(228,18,31,.12); pointer-events:none; }
body.vk-home .v100-rev__stars{ display:inline-flex; gap:3px; color:var(--v100-yellow); font-size:13px; margin-bottom:10px; }
body.vk-home .v100-rev__text{ margin:0 0 16px; color:rgba(10,10,12,.82); font-size:14.5px; line-height:1.72; }
body.vk-home .v100-rev__person{ display:flex; align-items:center; gap:12px; padding-top:14px; border-top:1px solid rgba(10,10,12,.1); }
body.vk-home .v100-rev__avatar{
    width:42px; height:42px; border-radius:12px; flex-shrink:0; overflow:hidden;
    display:inline-flex; align-items:center; justify-content:center;
    background:linear-gradient(140deg,var(--v100-yellow),#F5A300); color:var(--v100-ink);
    font-family:var(--vk-font-bn); font-weight:700; font-size:18px;
}
body.vk-home .v100-rev__avatar--img{ background:none; }
body.vk-home .v100-rev__avatar img{ width:100%; height:100%; object-fit:cover; }
body.vk-home .v100-rev__person-info{ flex:1; display:flex; flex-direction:column; gap:1px; min-width:0; }
body.vk-home .v100-rev__person-info b{ font-family:var(--vk-font-bn); font-weight:700; font-size:14.5px; color:var(--v100-ink); }
body.vk-home .v100-rev__person-info span{ font-size:12px; color:rgba(10,10,12,.55); display:inline-flex; align-items:center; gap:5px; }
body.vk-home .v100-rev__person-info span i{ color:var(--v100-red); font-size:10px; }
body.vk-home .v100-rev__seal{ flex-shrink:0; color:#19C37D; font-size:18px; }

@media (max-width:900px){ body.vk-home .v100-rev__slide{ flex-basis:calc((100% - 18px) / 2); } }
@media (max-width:600px){ body.vk-home .v100-rev__slide{ flex-basis:100%; } }
@media (prefers-reduced-motion: reduce){
    body.vk-home .v100-rev__track{ transition:none; }
    body.vk-home .v100-rev__card{ transition:none; }
}

/* ============================================================
   16. SOCIAL (.v100-social) — compact premium brand cards that
   fill with the platform colour on hover. Tight max-width.
   ============================================================ */
body.vk-home .v100-social{ position:relative; padding:clamp(36px,4.5vw,64px) 0; border-top:1px solid rgba(10,10,12,.14); }
body.vk-home .v100-social__inner{ max-width:var(--vk-max); margin:0 auto; padding:0 var(--vk-pad); }
body.vk-home .v100-social__head{ text-align:center; margin-bottom:clamp(20px,2.4vw,30px); }
body.vk-home .v100-social__eyebrow{ display:inline-flex; align-items:center; gap:8px; font-family:var(--v100-mono); font-weight:800; font-size:11.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--v100-red); }
body.vk-home .v100-social__title{ font-family:var(--vk-font-bn); font-weight:700; color:var(--v100-ink); font-size:clamp(24px,3vw,38px); margin:10px 0 0; letter-spacing:-.01em; }
body.vk-home .v100-social__title em{ color:var(--v100-red); font-style:normal; }

body.vk-home .v100-social__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; max-width:760px; margin:0 auto; }

body.vk-home .v100-social__card{
    position:relative; overflow:hidden; display:flex; align-items:center; gap:12px;
    padding:12px 14px; border-radius:14px; background:#fff;
    border:1px solid rgba(10,10,12,.1); box-shadow:0 6px 18px rgba(0,0,0,.05); text-decoration:none;
    transition:transform .2s var(--vk-easing), box-shadow .22s, border-color .22s;
}
body.vk-home .v100-social__card::before{ content:""; position:absolute; inset:0; z-index:0; background:var(--brand); opacity:0; transition:opacity .25s; }
body.vk-home .v100-social__card > *{ position:relative; z-index:1; }
body.vk-home .v100-social__card:hover{ transform:translateY(-3px); border-color:var(--brand); box-shadow:0 16px 34px color-mix(in srgb, var(--brand) 32%, transparent); }
body.vk-home .v100-social__card:hover::before{ opacity:1; }

body.vk-home .v100-social__ic{
    width:40px; height:40px; border-radius:11px; flex-shrink:0;
    display:inline-flex; align-items:center; justify-content:center; font-size:18px; color:#fff;
    background:var(--brand); transition:transform .25s, background .25s;
}
body.vk-home .v100-social__card:hover .v100-social__ic{ background:rgba(255,255,255,.22); transform:scale(1.05); }
body.vk-home .v100-social__tx{ display:flex; flex-direction:column; gap:1px; line-height:1.25; min-width:0; }
body.vk-home .v100-social__tx b{ font-family:var(--v100-disp); font-weight:800; font-size:14px; color:var(--v100-ink); transition:color .2s; }
body.vk-home .v100-social__tx span{ font-family:var(--v100-mono); font-size:11px; color:rgba(10,10,12,.55); transition:color .2s; white-space:nowrap; }
body.vk-home .v100-social__card:hover .v100-social__tx b,
body.vk-home .v100-social__card:hover .v100-social__tx span{ color:#fff; }
body.vk-home .v100-social__go{
    margin-left:auto; flex-shrink:0; width:26px; height:26px; border-radius:50%;
    display:inline-flex; align-items:center; justify-content:center; font-size:11px;
    color:var(--brand); background:color-mix(in srgb, var(--brand) 12%, transparent);
    transition:background .2s, transform .2s;
}
body.vk-home .v100-social__card:hover .v100-social__go{ background:#fff; transform:translateX(2px); }

/* instagram gradient */
body.vk-home .v100-social__card--ig{ --brand:#DD2A7B; }
body.vk-home .v100-social__card--ig .v100-social__ic,
body.vk-home .v100-social__card--ig::before{ background:linear-gradient(135deg,#F58529,#DD2A7B,#8134AF,#515BD4); }

@media (max-width:720px){ body.vk-home .v100-social__grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:420px){ body.vk-home .v100-social__grid{ grid-template-columns:1fr; } }
@media (prefers-reduced-motion: reduce){
    body.vk-home .v100-social__card:hover{ transform:none; }
    body.vk-home .v100-social__card:hover .v100-social__ic{ transform:none; }
}

/* ============================================================
   17. FINAL CTA (.v100-final) — premium "GOOD LUCK" image card
   ============================================================ */
body.vk-home .v100-final{ position:relative; padding:clamp(50px,6vw,96px) 0; border-top:1px solid rgba(10,10,12,.14); }
body.vk-home .v100-final__inner{ max-width:var(--vk-max); margin:0 auto; padding:0 var(--vk-pad); }
body.vk-home .v100-final__card{
    position:relative; overflow:hidden; isolation:isolate;
    display:flex; align-items:center; justify-content:flex-end; min-height:clamp(380px,42vw,470px);
    border-radius:28px; border:1px solid rgba(255,255,255,.1);
    box-shadow:0 40px 90px rgba(0,0,0,.4);
}
body.vk-home .v100-final__card::before{ content:""; position:absolute; left:0; right:0; top:0; height:4px; z-index:2; background:linear-gradient(90deg,var(--v100-yellow),var(--v100-red)); }
body.vk-home .v100-final__bg{ position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; object-position:left 45%; }
body.vk-home .v100-final__scrim{
    position:absolute; inset:0; z-index:-1;
    background:
        linear-gradient(270deg, rgba(8,7,10,.94) 0%, rgba(8,7,10,.80) 40%, rgba(8,7,10,.34) 72%, rgba(8,7,10,.12) 100%),
        linear-gradient(180deg, rgba(8,7,10,.16), rgba(8,7,10,.40));
}

body.vk-home .v100-final__content{ position:relative; z-index:2; max-width:600px; padding:clamp(28px,5vw,58px); }
body.vk-home .v100-final__logo{ height:34px; width:auto; display:block; margin-bottom:18px; }
body.vk-home .v100-final__eyebrow{ display:inline-flex; align-items:center; gap:9px; font-family:var(--v100-mono); font-weight:800; font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--v100-yellow); }
body.vk-home .v100-final__eyebrow-dot{ width:8px; height:8px; border-radius:50%; background:var(--v100-red-2); animation:v100-pulse-red 1.6s infinite; }
body.vk-home .v100-final__title{ font-family:var(--vk-font-bn); font-weight:700; color:#fff; line-height:1.16; font-size:clamp(30px,4.2vw,52px); margin:14px 0 14px; letter-spacing:-.01em; text-shadow:0 2px 18px rgba(0,0,0,.45); }
body.vk-home .v100-final__title em{ color:var(--v100-yellow); font-style:normal; }
body.vk-home .v100-final__stats{ color:rgba(255,255,255,.84); font-size:clamp(14px,1.4vw,16px); line-height:1.7; margin:0 0 26px; }
body.vk-home .v100-final__stats b{ color:#fff; font-family:var(--v100-mono); font-weight:800; }
body.vk-home .v100-final__actions{ display:flex; flex-wrap:wrap; gap:14px; }
body.vk-home .v100-final__cta{ display:inline-flex; align-items:center; gap:10px; font-family:var(--v100-disp); font-weight:800; font-size:15px; border-radius:12px; padding:16px 26px; transition:transform .2s, box-shadow .2s, background .2s, border-color .2s; }
body.vk-home .v100-final__cta--primary{ background:linear-gradient(135deg,#25D366 0%,#1EBE57 55%,#128C7E 100%); color:#fff; box-shadow:0 18px 40px rgba(37,211,102,.34); }
body.vk-home .v100-final__cta--primary i{ color:#fff; }
body.vk-home .v100-final__cta--primary:hover{ transform:translateY(-3px); box-shadow:0 24px 50px rgba(37,211,102,.46); }
body.vk-home .v100-final__cta-arrow{ transition:transform .2s; }
body.vk-home .v100-final__cta--primary:hover .v100-final__cta-arrow{ transform:translateX(4px); }
body.vk-home .v100-final__cta--ghost{ color:#fff; border:1.5px solid rgba(255,255,255,.4); background:rgba(255,255,255,.06); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); }
body.vk-home .v100-final__cta--ghost:hover{ border-color:#fff; background:rgba(255,255,255,.15); }

@media (max-width:600px){
    body.vk-home .v100-final__scrim{ background:linear-gradient(180deg, rgba(8,7,10,.55) 0%, rgba(8,7,10,.86) 100%); }
    body.vk-home .v100-final__cta{ width:100%; justify-content:center; }
}
@media (prefers-reduced-motion: reduce){ body.vk-home .v100-final__eyebrow-dot{ animation:none; } }

/* =========================================================
   MOBILE — center inner content of key home sections
   (cats cards, FAQ intro/help, blog head, SEO band)
   ========================================================= */
@media (max-width:880px){
    /* Game category cards — center icon / title / desc / play (keep tag-count row full-width) */
    body.vk-home .v100-cats__card{ align-items:center; text-align:center; }
    body.vk-home .v100-cats__top{ width:100%; }

    /* FAQ intro heading block */
    body.vk-home .v100-faq__intro{ text-align:center; }
    body.vk-home .v100-faq__eyebrow{ justify-content:center; }
    body.vk-home .v100-faq__sub{ margin-left:auto; margin-right:auto; }

    /* FAQ WhatsApp help card */
    body.vk-home .v100-faq__help{ justify-content:center; text-align:center; }
    body.vk-home .v100-faq__help-tx{ flex:0 1 auto; align-items:center; min-width:0; }

    /* Blog section head (title + view-all link) */
    body.vk-home .v100-blog__head{ justify-content:center; text-align:center; }

    /* SEO content band */
    body.vk-home .v100-seo__inner{ text-align:center; }
    body.vk-home .v100-seo__eyebrow{ justify-content:center; }
    body.vk-home .v100-seo__points{ justify-items:center; }
    body.vk-home .v100-seo__points li{ justify-content:center; }
    body.vk-home .v100-seo__cta{ justify-content:center; }
}