body.elementor-page-16514:not(.elementor-motion-effects-element-type-background), body.elementor-page-16514 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-ded23d4 *//* ════════════════════════════
     HERO
  ════════════════════════════ */
  #hero{
    min-height:auto;
    position:relative;overflow:hidden;
  }
  .hero-inner{
    max-width:1400px;margin:0 auto;
    display:grid;grid-template-columns:1.1fr 0.9fr;
  }
  /* ── Hero Blobs ── */
  .hero-blob{
    position:absolute;border-radius:50%;
    pointer-events:none;z-index:-1;
  }
  .hb1{
    width:640px;height:640px;
    background:radial-gradient(circle,rgba(230,168,32,.38) 0%,transparent 62%);
    top:0;left:0;transform:translate(-120px,-160px);
    filter:blur(55px);transition:none;
  }
  .hb2{
    width:480px;height:480px;
    background:radial-gradient(circle,rgba(230,168,32,.28) 0%,transparent 62%);
    top:0;left:0;transform:translate(40px,-100px);
    filter:blur(60px);transition:none;
  }
  .hb3{
    width:400px;height:400px;
    background:radial-gradient(circle,rgba(255,210,80,.55) 0%,transparent 60%);
    top:0;left:0;transform:translate(0px,0px);
    filter:blur(35px);transition:none;
  }
  .hero-logo{
    display:flex;align-items:center;gap:12px;
    margin-bottom:28px;
    opacity:0;animation:fu .5s .05s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-logo img{height:52px;width:auto}
  .hero-logo-text{font-size:14px;font-weight:700;letter-spacing:.2px;color:var(--bk);line-height:1.15}
  .hero-logo-text span{display:block;font-size:10px;font-weight:500;letter-spacing:1.2px;text-transform:uppercase;color:var(--gr2);margin-top:2px}

  .hero-text{
    display:flex;flex-direction:column;justify-content:center;
    padding:clamp(40px,5vw,64px) clamp(24px,4vw,56px) clamp(40px,5vw,64px) clamp(24px,5vw,64px);
    position:relative;z-index:1;
  }

  .hero-eye{
    display:inline-flex;align-items:center;gap:8px;
    font-size:10.5px;font-weight:600;letter-spacing:2.8px;text-transform:uppercase;
    color:var(--gr2);margin-bottom:18px;
    opacity:0;animation:fu .6s .15s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-eye::before{content:'';width:28px;height:1.5px;background:var(--bk)}

  .hero-h1{
    font-size:clamp(32px,4.2vw,52px);font-weight:700;line-height:1.15;
    letter-spacing:-.5px;color:var(--bk);margin-bottom:18px;
  }
  .h1-kw{
    color:var(--gold);font-size:1.18em;letter-spacing:-.8px;
  }
  .w{
    display:inline-block;opacity:0;
    transform:translateY(36px);
    transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);
    animation:wShow .5s 1.2s cubic-bezier(.16,1,.3,1) forwards;
  }
  .w.on{opacity:1;transform:none;animation:none}
  @keyframes wShow{to{opacity:1;transform:none}}

  .hero-desc{
    font-size:15px;font-weight:400;color:var(--gr);line-height:1.7;max-width:480px;
    margin-bottom:28px;
    opacity:0;animation:fu .6s .85s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-btns{
    display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px;
    opacity:0;animation:fu .6s 1s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-proof{
    display:flex;align-items:center;gap:8px;
    font-size:13px;font-weight:500;color:var(--gr);
    margin-bottom:0;
    opacity:0;animation:fu .6s 1.1s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-proof svg{color:#25D366;flex-shrink:0}

  /* ── Hero Visual (right side) ── */
  .hero-visual{
    display:flex;align-items:center;justify-content:flex-start;
    padding:clamp(24px,3vw,44px) clamp(24px,4vw,48px) clamp(24px,3vw,44px) 0;
    position:relative;overflow:hidden;
  }
  .hv-panel{
    width:100%;max-width:100%;
    background:var(--bk);border-radius:24px;
    padding:clamp(24px,2.5vw,36px);
    position:relative;overflow:hidden;
    opacity:0;animation:fu .8s .3s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hv-panel::before{
    content:'';position:absolute;inset:0;
    background:radial-gradient(ellipse at 30% 20%,rgba(230,168,32,.06) 0%,transparent 60%);
    pointer-events:none;
  }
  /* dot pattern overlay */
  .hv-panel::after{
    content:'';position:absolute;inset:0;
    background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);
    background-size:20px 20px;
    pointer-events:none;
  }

  .hv-label{
    font-size:10px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;
    color:rgba(255,255,255,.6);margin-bottom:28px;position:relative;z-index:1;
  }
  .hv-big{
    position:relative;z-index:1;text-align:center;margin-bottom:20px;
  }
  .hv-big-num{
    font-size:clamp(48px,6vw,72px);font-weight:800;color:#fff;
    line-height:.9;letter-spacing:-3px;
  }
  .hv-big-num span{color:var(--gold)}
  .hv-big-num{transition:opacity .25s ease,transform .25s ease}
  .hv-big-sub{
    font-size:12px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;
    color:rgba(255,255,255,.65);margin-top:8px;transition:opacity .25s ease;
  }
  /* ── TextRotate ── */
  @keyframes trIn{from{transform:translateY(115%);opacity:0}to{transform:translateY(0);opacity:1}}
  .hv-tr-wrap{display:inline-flex;overflow:hidden;vertical-align:bottom;height:.92em}
  .hv-char{display:inline-block;animation:trIn .45s cubic-bezier(.34,1.56,.64,1) both}

  /* stat chips */
  .hv-chips{
    display:flex;flex-direction:column;gap:10px;
    position:relative;z-index:1;
  }
  .hv-chip{
    display:flex;align-items:center;gap:12px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;padding:14px 16px;
    transition:background .3s,border-color .3s,transform .3s cubic-bezier(.16,1,.3,1);
    opacity:0;animation:fu .5s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hv-chip:nth-child(1){animation-delay:.5s}
  .hv-chip:nth-child(2){animation-delay:.6s}
  .hv-chip:nth-child(3){animation-delay:.7s}
  .hv-chip:nth-child(4){animation-delay:.8s}
  .hv-chip{cursor:grab}
  .hv-chip:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.15);transform:translateX(4px)}
  .hv-chip.dragging{opacity:.3;transform:none}
  .hv-chip.drag-over{border-color:var(--gold);background:rgba(230,168,32,.1)}

  /* ─── SOCCER BALL ─── */
  .soccer-ball{
    position:absolute;width:52px;height:52px;border-radius:50%;
    z-index:2;pointer-events:none;
    box-shadow:0 6px 18px rgba(0,0,0,.25);
    background:radial-gradient(circle at 38% 32%, #fff 0%, #d0d0d0 65%, #909090 100%);
    will-change:transform,left,top;
  }

  .hv-chip-ico{
    width:36px;height:36px;flex-shrink:0;border-radius:9px;
    display:flex;align-items:center;justify-content:center;
    background:rgba(255,255,255,.07);color:rgba(255,255,255,.7);
  }
  .hv-chip-ico.gold{background:rgba(230,168,32,.15);color:var(--gold)}
  .hv-chip-t{flex:1}
  .hv-chip-t strong{display:block;font-size:13px;font-weight:600;color:#fff}
  .hv-chip-t span{font-size:11px;font-weight:400;color:rgba(255,255,255,.65)}
  .hv-chip-val{
    font-size:13px;font-weight:700;color:var(--gold);white-space:nowrap;
  }

  /* divider line with pulse */
  .hv-divider{
    height:1px;background:rgba(255,255,255,.08);margin:4px 0;position:relative;z-index:1;
    overflow:hidden;width:100%;max-width:100%;
  }
  .hv-divider::after{
    content:'';position:absolute;top:0;left:-100%;
    width:60%;height:100%;
    background:linear-gradient(90deg,transparent,var(--gold),transparent);
    animation:sweep 3s 1.5s ease-in-out infinite;
  }
  @keyframes sweep{0%{left:-60%}100%{left:100%}}

  @keyframes fu{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1629f0a *//* ════════════════════════════
     HERO
  ════════════════════════════ */
  #hero{
    min-height:auto;
    position:relative;overflow:hidden;
  }
  .hero-inner{
    max-width:1400px;margin:0 auto;
    display:grid;grid-template-columns:1.1fr 0.9fr;
  }
  /* ── Hero Blobs ── */
  .hero-blob{
    position:absolute;border-radius:50%;
    pointer-events:none;z-index:-1;
  }
  .hb1{
    width:640px;height:640px;
    background:radial-gradient(circle,rgba(230,168,32,.38) 0%,transparent 62%);
    top:0;left:0;transform:translate(-120px,-160px);
    filter:blur(55px);transition:none;
  }
  .hb2{
    width:480px;height:480px;
    background:radial-gradient(circle,rgba(230,168,32,.28) 0%,transparent 62%);
    top:0;left:0;transform:translate(40px,-100px);
    filter:blur(60px);transition:none;
  }
  .hb3{
    width:400px;height:400px;
    background:radial-gradient(circle,rgba(255,210,80,.55) 0%,transparent 60%);
    top:0;left:0;transform:translate(0px,0px);
    filter:blur(35px);transition:none;
  }
  .hero-logo{
    display:flex;align-items:center;gap:12px;
    margin-bottom:28px;
    opacity:0;animation:fu .5s .05s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-logo img{height:52px;width:auto}
  .hero-logo-text{font-size:14px;font-weight:700;letter-spacing:.2px;color:var(--bk);line-height:1.15}
  .hero-logo-text span{display:block;font-size:10px;font-weight:500;letter-spacing:1.2px;text-transform:uppercase;color:var(--gr2);margin-top:2px}

  .hero-text{
    display:flex;flex-direction:column;justify-content:center;
    padding:clamp(40px,5vw,64px) clamp(24px,4vw,56px) clamp(40px,5vw,64px) clamp(24px,5vw,64px);
    position:relative;z-index:1;
  }

  .hero-eye{
    display:inline-flex;align-items:center;gap:8px;
    font-size:10.5px;font-weight:600;letter-spacing:2.8px;text-transform:uppercase;
    color:var(--gr2);margin-bottom:18px;
    opacity:0;animation:fu .6s .15s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-eye::before{content:'';width:28px;height:1.5px;background:var(--bk)}

  .hero-h1{
    font-size:clamp(32px,4.2vw,52px);font-weight:700;line-height:1.15;
    letter-spacing:-.5px;color:var(--bk);margin-bottom:18px;
  }
  .h1-kw{
    color:var(--gold);font-size:1.18em;letter-spacing:-.8px;
  }
  .w{
    display:inline-block;opacity:0;
    transform:translateY(36px);
    transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);
    animation:wShow .5s 1.2s cubic-bezier(.16,1,.3,1) forwards;
  }
  .w.on{opacity:1;transform:none;animation:none}
  @keyframes wShow{to{opacity:1;transform:none}}

  .hero-desc{
    font-size:15px;font-weight:400;color:var(--gr);line-height:1.7;max-width:480px;
    margin-bottom:28px;
    opacity:0;animation:fu .6s .85s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-btns{
    display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px;
    opacity:0;animation:fu .6s 1s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-proof{
    display:flex;align-items:center;gap:8px;
    font-size:13px;font-weight:500;color:var(--gr);
    margin-bottom:0;
    opacity:0;animation:fu .6s 1.1s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-proof svg{color:#25D366;flex-shrink:0}

  /* ── Hero Visual (right side) ── */
  .hero-visual{
    display:flex;align-items:center;justify-content:flex-start;
    padding:clamp(24px,3vw,44px) clamp(24px,4vw,48px) clamp(24px,3vw,44px) 0;
    position:relative;overflow:hidden;
  }
  .hv-panel{
    width:100%;max-width:100%;
    background:var(--bk);border-radius:24px;
    padding:clamp(24px,2.5vw,36px);
    position:relative;overflow:hidden;
    opacity:0;animation:fu .8s .3s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hv-panel::before{
    content:'';position:absolute;inset:0;
    background:radial-gradient(ellipse at 30% 20%,rgba(230,168,32,.06) 0%,transparent 60%);
    pointer-events:none;
  }
  /* dot pattern overlay */
  .hv-panel::after{
    content:'';position:absolute;inset:0;
    background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);
    background-size:20px 20px;
    pointer-events:none;
  }

  .hv-label{
    font-size:10px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;
    color:rgba(255,255,255,.6);margin-bottom:28px;position:relative;z-index:1;
  }
  .hv-big{
    position:relative;z-index:1;text-align:center;margin-bottom:20px;
  }
  .hv-big-num{
    font-size:clamp(48px,6vw,72px);font-weight:800;color:#fff;
    line-height:.9;letter-spacing:-3px;
  }
  .hv-big-num span{color:var(--gold)}
  .hv-big-num{transition:opacity .25s ease,transform .25s ease}
  .hv-big-sub{
    font-size:12px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;
    color:rgba(255,255,255,.65);margin-top:8px;transition:opacity .25s ease;
  }
  /* ── TextRotate ── */
  @keyframes trIn{from{transform:translateY(115%);opacity:0}to{transform:translateY(0);opacity:1}}
  .hv-tr-wrap{display:inline-flex;overflow:hidden;vertical-align:bottom;height:.92em}
  .hv-char{display:inline-block;animation:trIn .45s cubic-bezier(.34,1.56,.64,1) both}

  /* stat chips */
  .hv-chips{
    display:flex;flex-direction:column;gap:10px;
    position:relative;z-index:1;
  }
  .hv-chip{
    display:flex;align-items:center;gap:12px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;padding:14px 16px;
    transition:background .3s,border-color .3s,transform .3s cubic-bezier(.16,1,.3,1);
    opacity:0;animation:fu .5s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hv-chip:nth-child(1){animation-delay:.5s}
  .hv-chip:nth-child(2){animation-delay:.6s}
  .hv-chip:nth-child(3){animation-delay:.7s}
  .hv-chip:nth-child(4){animation-delay:.8s}
  .hv-chip{cursor:grab}
  .hv-chip:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.15);transform:translateX(4px)}
  .hv-chip.dragging{opacity:.3;transform:none}
  .hv-chip.drag-over{border-color:var(--gold);background:rgba(230,168,32,.1)}

  /* ─── SOCCER BALL ─── */
  .soccer-ball{
    position:absolute;width:52px;height:52px;border-radius:50%;
    z-index:2;pointer-events:none;
    box-shadow:0 6px 18px rgba(0,0,0,.25);
    background:radial-gradient(circle at 38% 32%, #fff 0%, #d0d0d0 65%, #909090 100%);
    will-change:transform,left,top;
  }

  .hv-chip-ico{
    width:36px;height:36px;flex-shrink:0;border-radius:9px;
    display:flex;align-items:center;justify-content:center;
    background:rgba(255,255,255,.07);color:rgba(255,255,255,.7);
  }
  .hv-chip-ico.gold{background:rgba(230,168,32,.15);color:var(--gold)}
  .hv-chip-t{flex:1}
  .hv-chip-t strong{display:block;font-size:13px;font-weight:600;color:#fff}
  .hv-chip-t span{font-size:11px;font-weight:400;color:rgba(255,255,255,.65)}
  .hv-chip-val{
    font-size:13px;font-weight:700;color:var(--gold);white-space:nowrap;
  }

  /* divider line with pulse */
  .hv-divider{
    height:1px;background:rgba(255,255,255,.08);margin:4px 0;position:relative;z-index:1;
    overflow:hidden;width:100%;max-width:100%;
  }
  .hv-divider::after{
    content:'';position:absolute;top:0;left:-100%;
    width:60%;height:100%;
    background:linear-gradient(90deg,transparent,var(--gold),transparent);
    animation:sweep 3s 1.5s ease-in-out infinite;
  }
  @keyframes sweep{0%{left:-60%}100%{left:100%}}

  @keyframes fu{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2e2b4cc *//* ════════════════════════════
     HERO
  ════════════════════════════ */
  #hero{
    min-height:auto;
    position:relative;overflow:hidden;
  }
  .hero-inner{
    max-width:1400px;margin:0 auto;
    display:grid;grid-template-columns:1.1fr 0.9fr;
  }
  /* ── Hero Blobs ── */
  .hero-blob{
    position:absolute;border-radius:50%;
    pointer-events:none;z-index:-1;
  }
  .hb1{
    width:640px;height:640px;
    background:radial-gradient(circle,rgba(230,168,32,.38) 0%,transparent 62%);
    top:0;left:0;transform:translate(-120px,-160px);
    filter:blur(55px);transition:none;
  }
  .hb2{
    width:480px;height:480px;
    background:radial-gradient(circle,rgba(230,168,32,.28) 0%,transparent 62%);
    top:0;left:0;transform:translate(40px,-100px);
    filter:blur(60px);transition:none;
  }
  .hb3{
    width:400px;height:400px;
    background:radial-gradient(circle,rgba(255,210,80,.55) 0%,transparent 60%);
    top:0;left:0;transform:translate(0px,0px);
    filter:blur(35px);transition:none;
  }
  .hero-logo{
    display:flex;align-items:center;gap:12px;
    margin-bottom:28px;
    opacity:0;animation:fu .5s .05s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-logo img{height:52px;width:auto}
  .hero-logo-text{font-size:14px;font-weight:700;letter-spacing:.2px;color:var(--bk);line-height:1.15}
  .hero-logo-text span{display:block;font-size:10px;font-weight:500;letter-spacing:1.2px;text-transform:uppercase;color:var(--gr2);margin-top:2px}

  .hero-text{
    display:flex;flex-direction:column;justify-content:center;
    padding:clamp(40px,5vw,64px) clamp(24px,4vw,56px) clamp(40px,5vw,64px) clamp(24px,5vw,64px);
    position:relative;z-index:1;
  }

  .hero-eye{
    display:inline-flex;align-items:center;gap:8px;
    font-size:10.5px;font-weight:600;letter-spacing:2.8px;text-transform:uppercase;
    color:var(--gr2);margin-bottom:18px;
    opacity:0;animation:fu .6s .15s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-eye::before{content:'';width:28px;height:1.5px;background:var(--bk)}

  .hero-h1{
    font-size:clamp(32px,4.2vw,52px);font-weight:700;line-height:1.15;
    letter-spacing:-.5px;color:var(--bk);margin-bottom:18px;
  }
  .h1-kw{
    color:var(--gold);font-size:1.18em;letter-spacing:-.8px;
  }
  .w{
    display:inline-block;opacity:0;
    transform:translateY(36px);
    transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);
    animation:wShow .5s 1.2s cubic-bezier(.16,1,.3,1) forwards;
  }
  .w.on{opacity:1;transform:none;animation:none}
  @keyframes wShow{to{opacity:1;transform:none}}

  .hero-desc{
    font-size:15px;font-weight:400;color:var(--gr);line-height:1.7;max-width:480px;
    margin-bottom:28px;
    opacity:0;animation:fu .6s .85s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-btns{
    display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px;
    opacity:0;animation:fu .6s 1s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-proof{
    display:flex;align-items:center;gap:8px;
    font-size:13px;font-weight:500;color:var(--gr);
    margin-bottom:0;
    opacity:0;animation:fu .6s 1.1s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-proof svg{color:#25D366;flex-shrink:0}

  /* ── Hero Visual (right side) ── */
  .hero-visual{
    display:flex;align-items:center;justify-content:flex-start;
    padding:clamp(24px,3vw,44px) clamp(24px,4vw,48px) clamp(24px,3vw,44px) 0;
    position:relative;overflow:hidden;
  }
  .hv-panel{
    width:100%;max-width:100%;
    background:var(--bk);border-radius:24px;
    padding:clamp(24px,2.5vw,36px);
    position:relative;overflow:hidden;
    opacity:0;animation:fu .8s .3s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hv-panel::before{
    content:'';position:absolute;inset:0;
    background:radial-gradient(ellipse at 30% 20%,rgba(230,168,32,.06) 0%,transparent 60%);
    pointer-events:none;
  }
  /* dot pattern overlay */
  .hv-panel::after{
    content:'';position:absolute;inset:0;
    background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);
    background-size:20px 20px;
    pointer-events:none;
  }

  .hv-label{
    font-size:10px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;
    color:rgba(255,255,255,.6);margin-bottom:28px;position:relative;z-index:1;
  }
  .hv-big{
    position:relative;z-index:1;text-align:center;margin-bottom:20px;
  }
  .hv-big-num{
    font-size:clamp(48px,6vw,72px);font-weight:800;color:#fff;
    line-height:.9;letter-spacing:-3px;
  }
  .hv-big-num span{color:var(--gold)}
  .hv-big-num{transition:opacity .25s ease,transform .25s ease}
  .hv-big-sub{
    font-size:12px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;
    color:rgba(255,255,255,.65);margin-top:8px;transition:opacity .25s ease;
  }
  /* ── TextRotate ── */
  @keyframes trIn{from{transform:translateY(115%);opacity:0}to{transform:translateY(0);opacity:1}}
  .hv-tr-wrap{display:inline-flex;overflow:hidden;vertical-align:bottom;height:.92em}
  .hv-char{display:inline-block;animation:trIn .45s cubic-bezier(.34,1.56,.64,1) both}

  /* stat chips */
  .hv-chips{
    display:flex;flex-direction:column;gap:10px;
    position:relative;z-index:1;
  }
  .hv-chip{
    display:flex;align-items:center;gap:12px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;padding:14px 16px;
    transition:background .3s,border-color .3s,transform .3s cubic-bezier(.16,1,.3,1);
    opacity:0;animation:fu .5s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hv-chip:nth-child(1){animation-delay:.5s}
  .hv-chip:nth-child(2){animation-delay:.6s}
  .hv-chip:nth-child(3){animation-delay:.7s}
  .hv-chip:nth-child(4){animation-delay:.8s}
  .hv-chip{cursor:grab}
  .hv-chip:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.15);transform:translateX(4px)}
  .hv-chip.dragging{opacity:.3;transform:none}
  .hv-chip.drag-over{border-color:var(--gold);background:rgba(230,168,32,.1)}

  /* ─── SOCCER BALL ─── */
  .soccer-ball{
    position:absolute;width:52px;height:52px;border-radius:50%;
    z-index:2;pointer-events:none;
    box-shadow:0 6px 18px rgba(0,0,0,.25);
    background:radial-gradient(circle at 38% 32%, #fff 0%, #d0d0d0 65%, #909090 100%);
    will-change:transform,left,top;
  }

  .hv-chip-ico{
    width:36px;height:36px;flex-shrink:0;border-radius:9px;
    display:flex;align-items:center;justify-content:center;
    background:rgba(255,255,255,.07);color:rgba(255,255,255,.7);
  }
  .hv-chip-ico.gold{background:rgba(230,168,32,.15);color:var(--gold)}
  .hv-chip-t{flex:1}
  .hv-chip-t strong{display:block;font-size:13px;font-weight:600;color:#fff}
  .hv-chip-t span{font-size:11px;font-weight:400;color:rgba(255,255,255,.65)}
  .hv-chip-val{
    font-size:13px;font-weight:700;color:var(--gold);white-space:nowrap;
  }

  /* divider line with pulse */
  .hv-divider{
    height:1px;background:rgba(255,255,255,.08);margin:4px 0;position:relative;z-index:1;
    overflow:hidden;width:100%;max-width:100%;
  }
  .hv-divider::after{
    content:'';position:absolute;top:0;left:-100%;
    width:60%;height:100%;
    background:linear-gradient(90deg,transparent,var(--gold),transparent);
    animation:sweep 3s 1.5s ease-in-out infinite;
  }
  @keyframes sweep{0%{left:-60%}100%{left:100%}}

  @keyframes fu{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-73881b1 *//* ════════════════════════════
     HERO
  ════════════════════════════ */
  #hero{
    min-height:auto;
    position:relative;overflow:hidden;
  }
  .hero-inner{
    max-width:1400px;margin:0 auto;
    display:grid;grid-template-columns:1.1fr 0.9fr;
  }
  /* ── Hero Blobs ── */
  .hero-blob{
    position:absolute;border-radius:50%;
    pointer-events:none;z-index:-1;
  }
  .hb1{
    width:640px;height:640px;
    background:radial-gradient(circle,rgba(230,168,32,.38) 0%,transparent 62%);
    top:0;left:0;transform:translate(-120px,-160px);
    filter:blur(55px);transition:none;
  }
  .hb2{
    width:480px;height:480px;
    background:radial-gradient(circle,rgba(230,168,32,.28) 0%,transparent 62%);
    top:0;left:0;transform:translate(40px,-100px);
    filter:blur(60px);transition:none;
  }
  .hb3{
    width:400px;height:400px;
    background:radial-gradient(circle,rgba(255,210,80,.55) 0%,transparent 60%);
    top:0;left:0;transform:translate(0px,0px);
    filter:blur(35px);transition:none;
  }
  .hero-logo{
    display:flex;align-items:center;gap:12px;
    margin-bottom:28px;
    opacity:0;animation:fu .5s .05s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-logo img{height:52px;width:auto}
  .hero-logo-text{font-size:14px;font-weight:700;letter-spacing:.2px;color:var(--bk);line-height:1.15}
  .hero-logo-text span{display:block;font-size:10px;font-weight:500;letter-spacing:1.2px;text-transform:uppercase;color:var(--gr2);margin-top:2px}

  .hero-text{
    display:flex;flex-direction:column;justify-content:center;
    padding:clamp(40px,5vw,64px) clamp(24px,4vw,56px) clamp(40px,5vw,64px) clamp(24px,5vw,64px);
    position:relative;z-index:1;
  }

  .hero-eye{
    display:inline-flex;align-items:center;gap:8px;
    font-size:10.5px;font-weight:600;letter-spacing:2.8px;text-transform:uppercase;
    color:var(--gr2);margin-bottom:18px;
    opacity:0;animation:fu .6s .15s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-eye::before{content:'';width:28px;height:1.5px;background:var(--bk)}

  .hero-h1{
    font-size:clamp(32px,4.2vw,52px);font-weight:700;line-height:1.15;
    letter-spacing:-.5px;color:var(--bk);margin-bottom:18px;
  }
  .h1-kw{
    color:var(--gold);font-size:1.18em;letter-spacing:-.8px;
  }
  .w{
    display:inline-block;opacity:0;
    transform:translateY(36px);
    transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);
    animation:wShow .5s 1.2s cubic-bezier(.16,1,.3,1) forwards;
  }
  .w.on{opacity:1;transform:none;animation:none}
  @keyframes wShow{to{opacity:1;transform:none}}

  .hero-desc{
    font-size:15px;font-weight:400;color:var(--gr);line-height:1.7;max-width:480px;
    margin-bottom:28px;
    opacity:0;animation:fu .6s .85s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-btns{
    display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px;
    opacity:0;animation:fu .6s 1s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-proof{
    display:flex;align-items:center;gap:8px;
    font-size:13px;font-weight:500;color:var(--gr);
    margin-bottom:0;
    opacity:0;animation:fu .6s 1.1s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-proof svg{color:#25D366;flex-shrink:0}

  /* ── Hero Visual (right side) ── */
  .hero-visual{
    display:flex;align-items:center;justify-content:flex-start;
    padding:clamp(24px,3vw,44px) clamp(24px,4vw,48px) clamp(24px,3vw,44px) 0;
    position:relative;overflow:hidden;
  }
  .hv-panel{
    width:100%;max-width:100%;
    background:var(--bk);border-radius:24px;
    padding:clamp(24px,2.5vw,36px);
    position:relative;overflow:hidden;
    opacity:0;animation:fu .8s .3s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hv-panel::before{
    content:'';position:absolute;inset:0;
    background:radial-gradient(ellipse at 30% 20%,rgba(230,168,32,.06) 0%,transparent 60%);
    pointer-events:none;
  }
  /* dot pattern overlay */
  .hv-panel::after{
    content:'';position:absolute;inset:0;
    background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);
    background-size:20px 20px;
    pointer-events:none;
  }

  .hv-label{
    font-size:10px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;
    color:rgba(255,255,255,.6);margin-bottom:28px;position:relative;z-index:1;
  }
  .hv-big{
    position:relative;z-index:1;text-align:center;margin-bottom:20px;
  }
  .hv-big-num{
    font-size:clamp(48px,6vw,72px);font-weight:800;color:#fff;
    line-height:.9;letter-spacing:-3px;
  }
  .hv-big-num span{color:var(--gold)}
  .hv-big-num{transition:opacity .25s ease,transform .25s ease}
  .hv-big-sub{
    font-size:12px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;
    color:rgba(255,255,255,.65);margin-top:8px;transition:opacity .25s ease;
  }
  /* ── TextRotate ── */
  @keyframes trIn{from{transform:translateY(115%);opacity:0}to{transform:translateY(0);opacity:1}}
  .hv-tr-wrap{display:inline-flex;overflow:hidden;vertical-align:bottom;height:.92em}
  .hv-char{display:inline-block;animation:trIn .45s cubic-bezier(.34,1.56,.64,1) both}

  /* stat chips */
  .hv-chips{
    display:flex;flex-direction:column;gap:10px;
    position:relative;z-index:1;
  }
  .hv-chip{
    display:flex;align-items:center;gap:12px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;padding:14px 16px;
    transition:background .3s,border-color .3s,transform .3s cubic-bezier(.16,1,.3,1);
    opacity:0;animation:fu .5s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hv-chip:nth-child(1){animation-delay:.5s}
  .hv-chip:nth-child(2){animation-delay:.6s}
  .hv-chip:nth-child(3){animation-delay:.7s}
  .hv-chip:nth-child(4){animation-delay:.8s}
  .hv-chip{cursor:grab}
  .hv-chip:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.15);transform:translateX(4px)}
  .hv-chip.dragging{opacity:.3;transform:none}
  .hv-chip.drag-over{border-color:var(--gold);background:rgba(230,168,32,.1)}

  /* ─── SOCCER BALL ─── */
  .soccer-ball{
    position:absolute;width:52px;height:52px;border-radius:50%;
    z-index:2;pointer-events:none;
    box-shadow:0 6px 18px rgba(0,0,0,.25);
    background:radial-gradient(circle at 38% 32%, #fff 0%, #d0d0d0 65%, #909090 100%);
    will-change:transform,left,top;
  }

  .hv-chip-ico{
    width:36px;height:36px;flex-shrink:0;border-radius:9px;
    display:flex;align-items:center;justify-content:center;
    background:rgba(255,255,255,.07);color:rgba(255,255,255,.7);
  }
  .hv-chip-ico.gold{background:rgba(230,168,32,.15);color:var(--gold)}
  .hv-chip-t{flex:1}
  .hv-chip-t strong{display:block;font-size:13px;font-weight:600;color:#fff}
  .hv-chip-t span{font-size:11px;font-weight:400;color:rgba(255,255,255,.65)}
  .hv-chip-val{
    font-size:13px;font-weight:700;color:var(--gold);white-space:nowrap;
  }

  /* divider line with pulse */
  .hv-divider{
    height:1px;background:rgba(255,255,255,.08);margin:4px 0;position:relative;z-index:1;
    overflow:hidden;width:100%;max-width:100%;
  }
  .hv-divider::after{
    content:'';position:absolute;top:0;left:-100%;
    width:60%;height:100%;
    background:linear-gradient(90deg,transparent,var(--gold),transparent);
    animation:sweep 3s 1.5s ease-in-out infinite;
  }
  @keyframes sweep{0%{left:-60%}100%{left:100%}}

  @keyframes fu{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b3bcd76 *//* ════════════════════════════
     HERO
  ════════════════════════════ */
  #hero{
    min-height:auto;
    position:relative;overflow:hidden;
  }
  .hero-inner{
    max-width:1400px;margin:0 auto;
    display:grid;grid-template-columns:1.1fr 0.9fr;
  }
  /* ── Hero Blobs ── */
  .hero-blob{
    position:absolute;border-radius:50%;
    pointer-events:none;z-index:-1;
  }
  .hb1{
    width:640px;height:640px;
    background:radial-gradient(circle,rgba(230,168,32,.38) 0%,transparent 62%);
    top:0;left:0;transform:translate(-120px,-160px);
    filter:blur(55px);transition:none;
  }
  .hb2{
    width:480px;height:480px;
    background:radial-gradient(circle,rgba(230,168,32,.28) 0%,transparent 62%);
    top:0;left:0;transform:translate(40px,-100px);
    filter:blur(60px);transition:none;
  }
  .hb3{
    width:400px;height:400px;
    background:radial-gradient(circle,rgba(255,210,80,.55) 0%,transparent 60%);
    top:0;left:0;transform:translate(0px,0px);
    filter:blur(35px);transition:none;
  }
  .hero-logo{
    display:flex;align-items:center;gap:12px;
    margin-bottom:28px;
    opacity:0;animation:fu .5s .05s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-logo img{height:52px;width:auto}
  .hero-logo-text{font-size:14px;font-weight:700;letter-spacing:.2px;color:var(--bk);line-height:1.15}
  .hero-logo-text span{display:block;font-size:10px;font-weight:500;letter-spacing:1.2px;text-transform:uppercase;color:var(--gr2);margin-top:2px}

  .hero-text{
    display:flex;flex-direction:column;justify-content:center;
    padding:clamp(40px,5vw,64px) clamp(24px,4vw,56px) clamp(40px,5vw,64px) clamp(24px,5vw,64px);
    position:relative;z-index:1;
  }

  .hero-eye{
    display:inline-flex;align-items:center;gap:8px;
    font-size:10.5px;font-weight:600;letter-spacing:2.8px;text-transform:uppercase;
    color:var(--gr2);margin-bottom:18px;
    opacity:0;animation:fu .6s .15s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-eye::before{content:'';width:28px;height:1.5px;background:var(--bk)}

  .hero-h1{
    font-size:clamp(32px,4.2vw,52px);font-weight:700;line-height:1.15;
    letter-spacing:-.5px;color:var(--bk);margin-bottom:18px;
  }
  .h1-kw{
    color:var(--gold);font-size:1.18em;letter-spacing:-.8px;
  }
  .w{
    display:inline-block;opacity:0;
    transform:translateY(36px);
    transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);
    animation:wShow .5s 1.2s cubic-bezier(.16,1,.3,1) forwards;
  }
  .w.on{opacity:1;transform:none;animation:none}
  @keyframes wShow{to{opacity:1;transform:none}}

  .hero-desc{
    font-size:15px;font-weight:400;color:var(--gr);line-height:1.7;max-width:480px;
    margin-bottom:28px;
    opacity:0;animation:fu .6s .85s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-btns{
    display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px;
    opacity:0;animation:fu .6s 1s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-proof{
    display:flex;align-items:center;gap:8px;
    font-size:13px;font-weight:500;color:var(--gr);
    margin-bottom:0;
    opacity:0;animation:fu .6s 1.1s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-proof svg{color:#25D366;flex-shrink:0}

  /* ── Hero Visual (right side) ── */
  .hero-visual{
    display:flex;align-items:center;justify-content:flex-start;
    padding:clamp(24px,3vw,44px) clamp(24px,4vw,48px) clamp(24px,3vw,44px) 0;
    position:relative;overflow:hidden;
  }
  .hv-panel{
    width:100%;max-width:100%;
    background:var(--bk);border-radius:24px;
    padding:clamp(24px,2.5vw,36px);
    position:relative;overflow:hidden;
    opacity:0;animation:fu .8s .3s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hv-panel::before{
    content:'';position:absolute;inset:0;
    background:radial-gradient(ellipse at 30% 20%,rgba(230,168,32,.06) 0%,transparent 60%);
    pointer-events:none;
  }
  /* dot pattern overlay */
  .hv-panel::after{
    content:'';position:absolute;inset:0;
    background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);
    background-size:20px 20px;
    pointer-events:none;
  }

  .hv-label{
    font-size:10px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;
    color:rgba(255,255,255,.6);margin-bottom:28px;position:relative;z-index:1;
  }
  .hv-big{
    position:relative;z-index:1;text-align:center;margin-bottom:20px;
  }
  .hv-big-num{
    font-size:clamp(48px,6vw,72px);font-weight:800;color:#fff;
    line-height:.9;letter-spacing:-3px;
  }
  .hv-big-num span{color:var(--gold)}
  .hv-big-num{transition:opacity .25s ease,transform .25s ease}
  .hv-big-sub{
    font-size:12px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;
    color:rgba(255,255,255,.65);margin-top:8px;transition:opacity .25s ease;
  }
  /* ── TextRotate ── */
  @keyframes trIn{from{transform:translateY(115%);opacity:0}to{transform:translateY(0);opacity:1}}
  .hv-tr-wrap{display:inline-flex;overflow:hidden;vertical-align:bottom;height:.92em}
  .hv-char{display:inline-block;animation:trIn .45s cubic-bezier(.34,1.56,.64,1) both}

  /* stat chips */
  .hv-chips{
    display:flex;flex-direction:column;gap:10px;
    position:relative;z-index:1;
  }
  .hv-chip{
    display:flex;align-items:center;gap:12px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;padding:14px 16px;
    transition:background .3s,border-color .3s,transform .3s cubic-bezier(.16,1,.3,1);
    opacity:0;animation:fu .5s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hv-chip:nth-child(1){animation-delay:.5s}
  .hv-chip:nth-child(2){animation-delay:.6s}
  .hv-chip:nth-child(3){animation-delay:.7s}
  .hv-chip:nth-child(4){animation-delay:.8s}
  .hv-chip{cursor:grab}
  .hv-chip:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.15);transform:translateX(4px)}
  .hv-chip.dragging{opacity:.3;transform:none}
  .hv-chip.drag-over{border-color:var(--gold);background:rgba(230,168,32,.1)}

  /* ─── SOCCER BALL ─── */
  .soccer-ball{
    position:absolute;width:52px;height:52px;border-radius:50%;
    z-index:2;pointer-events:none;
    box-shadow:0 6px 18px rgba(0,0,0,.25);
    background:radial-gradient(circle at 38% 32%, #fff 0%, #d0d0d0 65%, #909090 100%);
    will-change:transform,left,top;
  }

  .hv-chip-ico{
    width:36px;height:36px;flex-shrink:0;border-radius:9px;
    display:flex;align-items:center;justify-content:center;
    background:rgba(255,255,255,.07);color:rgba(255,255,255,.7);
  }
  .hv-chip-ico.gold{background:rgba(230,168,32,.15);color:var(--gold)}
  .hv-chip-t{flex:1}
  .hv-chip-t strong{display:block;font-size:13px;font-weight:600;color:#fff}
  .hv-chip-t span{font-size:11px;font-weight:400;color:rgba(255,255,255,.65)}
  .hv-chip-val{
    font-size:13px;font-weight:700;color:var(--gold);white-space:nowrap;
  }

  /* divider line with pulse */
  .hv-divider{
    height:1px;background:rgba(255,255,255,.08);margin:4px 0;position:relative;z-index:1;
    overflow:hidden;width:100%;max-width:100%;
  }
  .hv-divider::after{
    content:'';position:absolute;top:0;left:-100%;
    width:60%;height:100%;
    background:linear-gradient(90deg,transparent,var(--gold),transparent);
    animation:sweep 3s 1.5s ease-in-out infinite;
  }
  @keyframes sweep{0%{left:-60%}100%{left:100%}}

  @keyframes fu{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e7f74ca *//* ════════════════════════════
     HERO
  ════════════════════════════ */
  #hero{
    min-height:auto;
    position:relative;overflow:hidden;
  }
  .hero-inner{
    max-width:1400px;margin:0 auto;
    display:grid;grid-template-columns:1.1fr 0.9fr;
  }
  /* ── Hero Blobs ── */
  .hero-blob{
    position:absolute;border-radius:50%;
    pointer-events:none;z-index:-1;
  }
  .hb1{
    width:640px;height:640px;
    background:radial-gradient(circle,rgba(230,168,32,.38) 0%,transparent 62%);
    top:0;left:0;transform:translate(-120px,-160px);
    filter:blur(55px);transition:none;
  }
  .hb2{
    width:480px;height:480px;
    background:radial-gradient(circle,rgba(230,168,32,.28) 0%,transparent 62%);
    top:0;left:0;transform:translate(40px,-100px);
    filter:blur(60px);transition:none;
  }
  .hb3{
    width:400px;height:400px;
    background:radial-gradient(circle,rgba(255,210,80,.55) 0%,transparent 60%);
    top:0;left:0;transform:translate(0px,0px);
    filter:blur(35px);transition:none;
  }
  .hero-logo{
    display:flex;align-items:center;gap:12px;
    margin-bottom:28px;
    opacity:0;animation:fu .5s .05s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-logo img{height:52px;width:auto}
  .hero-logo-text{font-size:14px;font-weight:700;letter-spacing:.2px;color:var(--bk);line-height:1.15}
  .hero-logo-text span{display:block;font-size:10px;font-weight:500;letter-spacing:1.2px;text-transform:uppercase;color:var(--gr2);margin-top:2px}

  .hero-text{
    display:flex;flex-direction:column;justify-content:center;
    padding:clamp(40px,5vw,64px) clamp(24px,4vw,56px) clamp(40px,5vw,64px) clamp(24px,5vw,64px);
    position:relative;z-index:1;
  }

  .hero-eye{
    display:inline-flex;align-items:center;gap:8px;
    font-size:10.5px;font-weight:600;letter-spacing:2.8px;text-transform:uppercase;
    color:var(--gr2);margin-bottom:18px;
    opacity:0;animation:fu .6s .15s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-eye::before{content:'';width:28px;height:1.5px;background:var(--bk)}

  .hero-h1{
    font-size:clamp(32px,4.2vw,52px);font-weight:700;line-height:1.15;
    letter-spacing:-.5px;color:var(--bk);margin-bottom:18px;
  }
  .h1-kw{
    color:var(--gold);font-size:1.18em;letter-spacing:-.8px;
  }
  .w{
    display:inline-block;opacity:0;
    transform:translateY(36px);
    transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);
    animation:wShow .5s 1.2s cubic-bezier(.16,1,.3,1) forwards;
  }
  .w.on{opacity:1;transform:none;animation:none}
  @keyframes wShow{to{opacity:1;transform:none}}

  .hero-desc{
    font-size:15px;font-weight:400;color:var(--gr);line-height:1.7;max-width:480px;
    margin-bottom:28px;
    opacity:0;animation:fu .6s .85s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-btns{
    display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px;
    opacity:0;animation:fu .6s 1s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-proof{
    display:flex;align-items:center;gap:8px;
    font-size:13px;font-weight:500;color:var(--gr);
    margin-bottom:0;
    opacity:0;animation:fu .6s 1.1s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-proof svg{color:#25D366;flex-shrink:0}

  /* ── Hero Visual (right side) ── */
  .hero-visual{
    display:flex;align-items:center;justify-content:flex-start;
    padding:clamp(24px,3vw,44px) clamp(24px,4vw,48px) clamp(24px,3vw,44px) 0;
    position:relative;overflow:hidden;
  }
  .hv-panel{
    width:100%;max-width:100%;
    background:var(--bk);border-radius:24px;
    padding:clamp(24px,2.5vw,36px);
    position:relative;overflow:hidden;
    opacity:0;animation:fu .8s .3s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hv-panel::before{
    content:'';position:absolute;inset:0;
    background:radial-gradient(ellipse at 30% 20%,rgba(230,168,32,.06) 0%,transparent 60%);
    pointer-events:none;
  }
  /* dot pattern overlay */
  .hv-panel::after{
    content:'';position:absolute;inset:0;
    background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);
    background-size:20px 20px;
    pointer-events:none;
  }

  .hv-label{
    font-size:10px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;
    color:rgba(255,255,255,.6);margin-bottom:28px;position:relative;z-index:1;
  }
  .hv-big{
    position:relative;z-index:1;text-align:center;margin-bottom:20px;
  }
  .hv-big-num{
    font-size:clamp(48px,6vw,72px);font-weight:800;color:#fff;
    line-height:.9;letter-spacing:-3px;
  }
  .hv-big-num span{color:var(--gold)}
  .hv-big-num{transition:opacity .25s ease,transform .25s ease}
  .hv-big-sub{
    font-size:12px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;
    color:rgba(255,255,255,.65);margin-top:8px;transition:opacity .25s ease;
  }
  /* ── TextRotate ── */
  @keyframes trIn{from{transform:translateY(115%);opacity:0}to{transform:translateY(0);opacity:1}}
  .hv-tr-wrap{display:inline-flex;overflow:hidden;vertical-align:bottom;height:.92em}
  .hv-char{display:inline-block;animation:trIn .45s cubic-bezier(.34,1.56,.64,1) both}

  /* stat chips */
  .hv-chips{
    display:flex;flex-direction:column;gap:10px;
    position:relative;z-index:1;
  }
  .hv-chip{
    display:flex;align-items:center;gap:12px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;padding:14px 16px;
    transition:background .3s,border-color .3s,transform .3s cubic-bezier(.16,1,.3,1);
    opacity:0;animation:fu .5s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hv-chip:nth-child(1){animation-delay:.5s}
  .hv-chip:nth-child(2){animation-delay:.6s}
  .hv-chip:nth-child(3){animation-delay:.7s}
  .hv-chip:nth-child(4){animation-delay:.8s}
  .hv-chip{cursor:grab}
  .hv-chip:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.15);transform:translateX(4px)}
  .hv-chip.dragging{opacity:.3;transform:none}
  .hv-chip.drag-over{border-color:var(--gold);background:rgba(230,168,32,.1)}

  /* ─── SOCCER BALL ─── */
  .soccer-ball{
    position:absolute;width:52px;height:52px;border-radius:50%;
    z-index:2;pointer-events:none;
    box-shadow:0 6px 18px rgba(0,0,0,.25);
    background:radial-gradient(circle at 38% 32%, #fff 0%, #d0d0d0 65%, #909090 100%);
    will-change:transform,left,top;
  }

  .hv-chip-ico{
    width:36px;height:36px;flex-shrink:0;border-radius:9px;
    display:flex;align-items:center;justify-content:center;
    background:rgba(255,255,255,.07);color:rgba(255,255,255,.7);
  }
  .hv-chip-ico.gold{background:rgba(230,168,32,.15);color:var(--gold)}
  .hv-chip-t{flex:1}
  .hv-chip-t strong{display:block;font-size:13px;font-weight:600;color:#fff}
  .hv-chip-t span{font-size:11px;font-weight:400;color:rgba(255,255,255,.65)}
  .hv-chip-val{
    font-size:13px;font-weight:700;color:var(--gold);white-space:nowrap;
  }

  /* divider line with pulse */
  .hv-divider{
    height:1px;background:rgba(255,255,255,.08);margin:4px 0;position:relative;z-index:1;
    overflow:hidden;width:100%;max-width:100%;
  }
  .hv-divider::after{
    content:'';position:absolute;top:0;left:-100%;
    width:60%;height:100%;
    background:linear-gradient(90deg,transparent,var(--gold),transparent);
    animation:sweep 3s 1.5s ease-in-out infinite;
  }
  @keyframes sweep{0%{left:-60%}100%{left:100%}}

  @keyframes fu{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3af3ab5 *//* ════════════════════════════
     HERO
  ════════════════════════════ */
  #hero{
    min-height:auto;
    position:relative;overflow:hidden;
  }
  .hero-inner{
    max-width:1400px;margin:0 auto;
    display:grid;grid-template-columns:1.1fr 0.9fr;
  }
  /* ── Hero Blobs ── */
  .hero-blob{
    position:absolute;border-radius:50%;
    pointer-events:none;z-index:-1;
  }
  .hb1{
    width:640px;height:640px;
    background:radial-gradient(circle,rgba(230,168,32,.38) 0%,transparent 62%);
    top:0;left:0;transform:translate(-120px,-160px);
    filter:blur(55px);transition:none;
  }
  .hb2{
    width:480px;height:480px;
    background:radial-gradient(circle,rgba(230,168,32,.28) 0%,transparent 62%);
    top:0;left:0;transform:translate(40px,-100px);
    filter:blur(60px);transition:none;
  }
  .hb3{
    width:400px;height:400px;
    background:radial-gradient(circle,rgba(255,210,80,.55) 0%,transparent 60%);
    top:0;left:0;transform:translate(0px,0px);
    filter:blur(35px);transition:none;
  }
  .hero-logo{
    display:flex;align-items:center;gap:12px;
    margin-bottom:28px;
    opacity:0;animation:fu .5s .05s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-logo img{height:52px;width:auto}
  .hero-logo-text{font-size:14px;font-weight:700;letter-spacing:.2px;color:var(--bk);line-height:1.15}
  .hero-logo-text span{display:block;font-size:10px;font-weight:500;letter-spacing:1.2px;text-transform:uppercase;color:var(--gr2);margin-top:2px}

  .hero-text{
    display:flex;flex-direction:column;justify-content:center;
    padding:clamp(40px,5vw,64px) clamp(24px,4vw,56px) clamp(40px,5vw,64px) clamp(24px,5vw,64px);
    position:relative;z-index:1;
  }

  .hero-eye{
    display:inline-flex;align-items:center;gap:8px;
    font-size:10.5px;font-weight:600;letter-spacing:2.8px;text-transform:uppercase;
    color:var(--gr2);margin-bottom:18px;
    opacity:0;animation:fu .6s .15s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-eye::before{content:'';width:28px;height:1.5px;background:var(--bk)}

  .hero-h1{
    font-size:clamp(32px,4.2vw,52px);font-weight:700;line-height:1.15;
    letter-spacing:-.5px;color:var(--bk);margin-bottom:18px;
  }
  .h1-kw{
    color:var(--gold);font-size:1.18em;letter-spacing:-.8px;
  }
  .w{
    display:inline-block;opacity:0;
    transform:translateY(36px);
    transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);
    animation:wShow .5s 1.2s cubic-bezier(.16,1,.3,1) forwards;
  }
  .w.on{opacity:1;transform:none;animation:none}
  @keyframes wShow{to{opacity:1;transform:none}}

  .hero-desc{
    font-size:15px;font-weight:400;color:var(--gr);line-height:1.7;max-width:480px;
    margin-bottom:28px;
    opacity:0;animation:fu .6s .85s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-btns{
    display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px;
    opacity:0;animation:fu .6s 1s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-proof{
    display:flex;align-items:center;gap:8px;
    font-size:13px;font-weight:500;color:var(--gr);
    margin-bottom:0;
    opacity:0;animation:fu .6s 1.1s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-proof svg{color:#25D366;flex-shrink:0}

  /* ── Hero Visual (right side) ── */
  .hero-visual{
    display:flex;align-items:center;justify-content:flex-start;
    padding:clamp(24px,3vw,44px) clamp(24px,4vw,48px) clamp(24px,3vw,44px) 0;
    position:relative;overflow:hidden;
  }
  .hv-panel{
    width:100%;max-width:100%;
    background:var(--bk);border-radius:24px;
    padding:clamp(24px,2.5vw,36px);
    position:relative;overflow:hidden;
    opacity:0;animation:fu .8s .3s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hv-panel::before{
    content:'';position:absolute;inset:0;
    background:radial-gradient(ellipse at 30% 20%,rgba(230,168,32,.06) 0%,transparent 60%);
    pointer-events:none;
  }
  /* dot pattern overlay */
  .hv-panel::after{
    content:'';position:absolute;inset:0;
    background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);
    background-size:20px 20px;
    pointer-events:none;
  }

  .hv-label{
    font-size:10px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;
    color:rgba(255,255,255,.6);margin-bottom:28px;position:relative;z-index:1;
  }
  .hv-big{
    position:relative;z-index:1;text-align:center;margin-bottom:20px;
  }
  .hv-big-num{
    font-size:clamp(48px,6vw,72px);font-weight:800;color:#fff;
    line-height:.9;letter-spacing:-3px;
  }
  .hv-big-num span{color:var(--gold)}
  .hv-big-num{transition:opacity .25s ease,transform .25s ease}
  .hv-big-sub{
    font-size:12px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;
    color:rgba(255,255,255,.65);margin-top:8px;transition:opacity .25s ease;
  }
  /* ── TextRotate ── */
  @keyframes trIn{from{transform:translateY(115%);opacity:0}to{transform:translateY(0);opacity:1}}
  .hv-tr-wrap{display:inline-flex;overflow:hidden;vertical-align:bottom;height:.92em}
  .hv-char{display:inline-block;animation:trIn .45s cubic-bezier(.34,1.56,.64,1) both}

  /* stat chips */
  .hv-chips{
    display:flex;flex-direction:column;gap:10px;
    position:relative;z-index:1;
  }
  .hv-chip{
    display:flex;align-items:center;gap:12px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;padding:14px 16px;
    transition:background .3s,border-color .3s,transform .3s cubic-bezier(.16,1,.3,1);
    opacity:0;animation:fu .5s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hv-chip:nth-child(1){animation-delay:.5s}
  .hv-chip:nth-child(2){animation-delay:.6s}
  .hv-chip:nth-child(3){animation-delay:.7s}
  .hv-chip:nth-child(4){animation-delay:.8s}
  .hv-chip{cursor:grab}
  .hv-chip:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.15);transform:translateX(4px)}
  .hv-chip.dragging{opacity:.3;transform:none}
  .hv-chip.drag-over{border-color:var(--gold);background:rgba(230,168,32,.1)}

  /* ─── SOCCER BALL ─── */
  .soccer-ball{
    position:absolute;width:52px;height:52px;border-radius:50%;
    z-index:2;pointer-events:none;
    box-shadow:0 6px 18px rgba(0,0,0,.25);
    background:radial-gradient(circle at 38% 32%, #fff 0%, #d0d0d0 65%, #909090 100%);
    will-change:transform,left,top;
  }

  .hv-chip-ico{
    width:36px;height:36px;flex-shrink:0;border-radius:9px;
    display:flex;align-items:center;justify-content:center;
    background:rgba(255,255,255,.07);color:rgba(255,255,255,.7);
  }
  .hv-chip-ico.gold{background:rgba(230,168,32,.15);color:var(--gold)}
  .hv-chip-t{flex:1}
  .hv-chip-t strong{display:block;font-size:13px;font-weight:600;color:#fff}
  .hv-chip-t span{font-size:11px;font-weight:400;color:rgba(255,255,255,.65)}
  .hv-chip-val{
    font-size:13px;font-weight:700;color:var(--gold);white-space:nowrap;
  }

  /* divider line with pulse */
  .hv-divider{
    height:1px;background:rgba(255,255,255,.08);margin:4px 0;position:relative;z-index:1;
    overflow:hidden;width:100%;max-width:100%;
  }
  .hv-divider::after{
    content:'';position:absolute;top:0;left:-100%;
    width:60%;height:100%;
    background:linear-gradient(90deg,transparent,var(--gold),transparent);
    animation:sweep 3s 1.5s ease-in-out infinite;
  }
  @keyframes sweep{0%{left:-60%}100%{left:100%}}

  @keyframes fu{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-78f060e *//* ════════════════════════════
     HERO
  ════════════════════════════ */
  #hero{
    min-height:auto;
    position:relative;overflow:hidden;
  }
  .hero-inner{
    max-width:1400px;margin:0 auto;
    display:grid;grid-template-columns:1.1fr 0.9fr;
  }
  /* ── Hero Blobs ── */
  .hero-blob{
    position:absolute;border-radius:50%;
    pointer-events:none;z-index:-1;
  }
  .hb1{
    width:640px;height:640px;
    background:radial-gradient(circle,rgba(230,168,32,.38) 0%,transparent 62%);
    top:0;left:0;transform:translate(-120px,-160px);
    filter:blur(55px);transition:none;
  }
  .hb2{
    width:480px;height:480px;
    background:radial-gradient(circle,rgba(230,168,32,.28) 0%,transparent 62%);
    top:0;left:0;transform:translate(40px,-100px);
    filter:blur(60px);transition:none;
  }
  .hb3{
    width:400px;height:400px;
    background:radial-gradient(circle,rgba(255,210,80,.55) 0%,transparent 60%);
    top:0;left:0;transform:translate(0px,0px);
    filter:blur(35px);transition:none;
  }
  .hero-logo{
    display:flex;align-items:center;gap:12px;
    margin-bottom:28px;
    opacity:0;animation:fu .5s .05s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-logo img{height:52px;width:auto}
  .hero-logo-text{font-size:14px;font-weight:700;letter-spacing:.2px;color:var(--bk);line-height:1.15}
  .hero-logo-text span{display:block;font-size:10px;font-weight:500;letter-spacing:1.2px;text-transform:uppercase;color:var(--gr2);margin-top:2px}

  .hero-text{
    display:flex;flex-direction:column;justify-content:center;
    padding:clamp(40px,5vw,64px) clamp(24px,4vw,56px) clamp(40px,5vw,64px) clamp(24px,5vw,64px);
    position:relative;z-index:1;
  }

  .hero-eye{
    display:inline-flex;align-items:center;gap:8px;
    font-size:10.5px;font-weight:600;letter-spacing:2.8px;text-transform:uppercase;
    color:var(--gr2);margin-bottom:18px;
    opacity:0;animation:fu .6s .15s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-eye::before{content:'';width:28px;height:1.5px;background:var(--bk)}

  .hero-h1{
    font-size:clamp(32px,4.2vw,52px);font-weight:700;line-height:1.15;
    letter-spacing:-.5px;color:var(--bk);margin-bottom:18px;
  }
  .h1-kw{
    color:var(--gold);font-size:1.18em;letter-spacing:-.8px;
  }
  .w{
    display:inline-block;opacity:0;
    transform:translateY(36px);
    transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);
    animation:wShow .5s 1.2s cubic-bezier(.16,1,.3,1) forwards;
  }
  .w.on{opacity:1;transform:none;animation:none}
  @keyframes wShow{to{opacity:1;transform:none}}

  .hero-desc{
    font-size:15px;font-weight:400;color:var(--gr);line-height:1.7;max-width:480px;
    margin-bottom:28px;
    opacity:0;animation:fu .6s .85s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-btns{
    display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px;
    opacity:0;animation:fu .6s 1s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-proof{
    display:flex;align-items:center;gap:8px;
    font-size:13px;font-weight:500;color:var(--gr);
    margin-bottom:0;
    opacity:0;animation:fu .6s 1.1s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-proof svg{color:#25D366;flex-shrink:0}

  /* ── Hero Visual (right side) ── */
  .hero-visual{
    display:flex;align-items:center;justify-content:flex-start;
    padding:clamp(24px,3vw,44px) clamp(24px,4vw,48px) clamp(24px,3vw,44px) 0;
    position:relative;overflow:hidden;
  }
  .hv-panel{
    width:100%;max-width:100%;
    background:var(--bk);border-radius:24px;
    padding:clamp(24px,2.5vw,36px);
    position:relative;overflow:hidden;
    opacity:0;animation:fu .8s .3s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hv-panel::before{
    content:'';position:absolute;inset:0;
    background:radial-gradient(ellipse at 30% 20%,rgba(230,168,32,.06) 0%,transparent 60%);
    pointer-events:none;
  }
  /* dot pattern overlay */
  .hv-panel::after{
    content:'';position:absolute;inset:0;
    background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);
    background-size:20px 20px;
    pointer-events:none;
  }

  .hv-label{
    font-size:10px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;
    color:rgba(255,255,255,.6);margin-bottom:28px;position:relative;z-index:1;
  }
  .hv-big{
    position:relative;z-index:1;text-align:center;margin-bottom:20px;
  }
  .hv-big-num{
    font-size:clamp(48px,6vw,72px);font-weight:800;color:#fff;
    line-height:.9;letter-spacing:-3px;
  }
  .hv-big-num span{color:var(--gold)}
  .hv-big-num{transition:opacity .25s ease,transform .25s ease}
  .hv-big-sub{
    font-size:12px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;
    color:rgba(255,255,255,.65);margin-top:8px;transition:opacity .25s ease;
  }
  /* ── TextRotate ── */
  @keyframes trIn{from{transform:translateY(115%);opacity:0}to{transform:translateY(0);opacity:1}}
  .hv-tr-wrap{display:inline-flex;overflow:hidden;vertical-align:bottom;height:.92em}
  .hv-char{display:inline-block;animation:trIn .45s cubic-bezier(.34,1.56,.64,1) both}

  /* stat chips */
  .hv-chips{
    display:flex;flex-direction:column;gap:10px;
    position:relative;z-index:1;
  }
  .hv-chip{
    display:flex;align-items:center;gap:12px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;padding:14px 16px;
    transition:background .3s,border-color .3s,transform .3s cubic-bezier(.16,1,.3,1);
    opacity:0;animation:fu .5s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hv-chip:nth-child(1){animation-delay:.5s}
  .hv-chip:nth-child(2){animation-delay:.6s}
  .hv-chip:nth-child(3){animation-delay:.7s}
  .hv-chip:nth-child(4){animation-delay:.8s}
  .hv-chip{cursor:grab}
  .hv-chip:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.15);transform:translateX(4px)}
  .hv-chip.dragging{opacity:.3;transform:none}
  .hv-chip.drag-over{border-color:var(--gold);background:rgba(230,168,32,.1)}

  /* ─── SOCCER BALL ─── */
  .soccer-ball{
    position:absolute;width:52px;height:52px;border-radius:50%;
    z-index:2;pointer-events:none;
    box-shadow:0 6px 18px rgba(0,0,0,.25);
    background:radial-gradient(circle at 38% 32%, #fff 0%, #d0d0d0 65%, #909090 100%);
    will-change:transform,left,top;
  }

  .hv-chip-ico{
    width:36px;height:36px;flex-shrink:0;border-radius:9px;
    display:flex;align-items:center;justify-content:center;
    background:rgba(255,255,255,.07);color:rgba(255,255,255,.7);
  }
  .hv-chip-ico.gold{background:rgba(230,168,32,.15);color:var(--gold)}
  .hv-chip-t{flex:1}
  .hv-chip-t strong{display:block;font-size:13px;font-weight:600;color:#fff}
  .hv-chip-t span{font-size:11px;font-weight:400;color:rgba(255,255,255,.65)}
  .hv-chip-val{
    font-size:13px;font-weight:700;color:var(--gold);white-space:nowrap;
  }

  /* divider line with pulse */
  .hv-divider{
    height:1px;background:rgba(255,255,255,.08);margin:4px 0;position:relative;z-index:1;
    overflow:hidden;width:100%;max-width:100%;
  }
  .hv-divider::after{
    content:'';position:absolute;top:0;left:-100%;
    width:60%;height:100%;
    background:linear-gradient(90deg,transparent,var(--gold),transparent);
    animation:sweep 3s 1.5s ease-in-out infinite;
  }
  @keyframes sweep{0%{left:-60%}100%{left:100%}}

  @keyframes fu{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-74fe634 *//* ════════════════════════════
     HERO
  ════════════════════════════ */
  #hero{
    min-height:auto;
    position:relative;overflow:hidden;
  }
  .hero-inner{
    max-width:1400px;margin:0 auto;
    display:grid;grid-template-columns:1.1fr 0.9fr;
  }
  /* ── Hero Blobs ── */
  .hero-blob{
    position:absolute;border-radius:50%;
    pointer-events:none;z-index:-1;
  }
  .hb1{
    width:640px;height:640px;
    background:radial-gradient(circle,rgba(230,168,32,.38) 0%,transparent 62%);
    top:0;left:0;transform:translate(-120px,-160px);
    filter:blur(55px);transition:none;
  }
  .hb2{
    width:480px;height:480px;
    background:radial-gradient(circle,rgba(230,168,32,.28) 0%,transparent 62%);
    top:0;left:0;transform:translate(40px,-100px);
    filter:blur(60px);transition:none;
  }
  .hb3{
    width:400px;height:400px;
    background:radial-gradient(circle,rgba(255,210,80,.55) 0%,transparent 60%);
    top:0;left:0;transform:translate(0px,0px);
    filter:blur(35px);transition:none;
  }
  .hero-logo{
    display:flex;align-items:center;gap:12px;
    margin-bottom:28px;
    opacity:0;animation:fu .5s .05s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-logo img{height:52px;width:auto}
  .hero-logo-text{font-size:14px;font-weight:700;letter-spacing:.2px;color:var(--bk);line-height:1.15}
  .hero-logo-text span{display:block;font-size:10px;font-weight:500;letter-spacing:1.2px;text-transform:uppercase;color:var(--gr2);margin-top:2px}

  .hero-text{
    display:flex;flex-direction:column;justify-content:center;
    padding:clamp(40px,5vw,64px) clamp(24px,4vw,56px) clamp(40px,5vw,64px) clamp(24px,5vw,64px);
    position:relative;z-index:1;
  }

  .hero-eye{
    display:inline-flex;align-items:center;gap:8px;
    font-size:10.5px;font-weight:600;letter-spacing:2.8px;text-transform:uppercase;
    color:var(--gr2);margin-bottom:18px;
    opacity:0;animation:fu .6s .15s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-eye::before{content:'';width:28px;height:1.5px;background:var(--bk)}

  .hero-h1{
    font-size:clamp(32px,4.2vw,52px);font-weight:700;line-height:1.15;
    letter-spacing:-.5px;color:var(--bk);margin-bottom:18px;
  }
  .h1-kw{
    color:var(--gold);font-size:1.18em;letter-spacing:-.8px;
  }
  .w{
    display:inline-block;opacity:0;
    transform:translateY(36px);
    transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);
    animation:wShow .5s 1.2s cubic-bezier(.16,1,.3,1) forwards;
  }
  .w.on{opacity:1;transform:none;animation:none}
  @keyframes wShow{to{opacity:1;transform:none}}

  .hero-desc{
    font-size:15px;font-weight:400;color:var(--gr);line-height:1.7;max-width:480px;
    margin-bottom:28px;
    opacity:0;animation:fu .6s .85s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-btns{
    display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px;
    opacity:0;animation:fu .6s 1s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-proof{
    display:flex;align-items:center;gap:8px;
    font-size:13px;font-weight:500;color:var(--gr);
    margin-bottom:0;
    opacity:0;animation:fu .6s 1.1s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-proof svg{color:#25D366;flex-shrink:0}

  /* ── Hero Visual (right side) ── */
  .hero-visual{
    display:flex;align-items:center;justify-content:flex-start;
    padding:clamp(24px,3vw,44px) clamp(24px,4vw,48px) clamp(24px,3vw,44px) 0;
    position:relative;overflow:hidden;
  }
  .hv-panel{
    width:100%;max-width:100%;
    background:var(--bk);border-radius:24px;
    padding:clamp(24px,2.5vw,36px);
    position:relative;overflow:hidden;
    opacity:0;animation:fu .8s .3s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hv-panel::before{
    content:'';position:absolute;inset:0;
    background:radial-gradient(ellipse at 30% 20%,rgba(230,168,32,.06) 0%,transparent 60%);
    pointer-events:none;
  }
  /* dot pattern overlay */
  .hv-panel::after{
    content:'';position:absolute;inset:0;
    background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);
    background-size:20px 20px;
    pointer-events:none;
  }

  .hv-label{
    font-size:10px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;
    color:rgba(255,255,255,.6);margin-bottom:28px;position:relative;z-index:1;
  }
  .hv-big{
    position:relative;z-index:1;text-align:center;margin-bottom:20px;
  }
  .hv-big-num{
    font-size:clamp(48px,6vw,72px);font-weight:800;color:#fff;
    line-height:.9;letter-spacing:-3px;
  }
  .hv-big-num span{color:var(--gold)}
  .hv-big-num{transition:opacity .25s ease,transform .25s ease}
  .hv-big-sub{
    font-size:12px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;
    color:rgba(255,255,255,.65);margin-top:8px;transition:opacity .25s ease;
  }
  /* ── TextRotate ── */
  @keyframes trIn{from{transform:translateY(115%);opacity:0}to{transform:translateY(0);opacity:1}}
  .hv-tr-wrap{display:inline-flex;overflow:hidden;vertical-align:bottom;height:.92em}
  .hv-char{display:inline-block;animation:trIn .45s cubic-bezier(.34,1.56,.64,1) both}

  /* stat chips */
  .hv-chips{
    display:flex;flex-direction:column;gap:10px;
    position:relative;z-index:1;
  }
  .hv-chip{
    display:flex;align-items:center;gap:12px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;padding:14px 16px;
    transition:background .3s,border-color .3s,transform .3s cubic-bezier(.16,1,.3,1);
    opacity:0;animation:fu .5s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hv-chip:nth-child(1){animation-delay:.5s}
  .hv-chip:nth-child(2){animation-delay:.6s}
  .hv-chip:nth-child(3){animation-delay:.7s}
  .hv-chip:nth-child(4){animation-delay:.8s}
  .hv-chip{cursor:grab}
  .hv-chip:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.15);transform:translateX(4px)}
  .hv-chip.dragging{opacity:.3;transform:none}
  .hv-chip.drag-over{border-color:var(--gold);background:rgba(230,168,32,.1)}

  /* ─── SOCCER BALL ─── */
  .soccer-ball{
    position:absolute;width:52px;height:52px;border-radius:50%;
    z-index:2;pointer-events:none;
    box-shadow:0 6px 18px rgba(0,0,0,.25);
    background:radial-gradient(circle at 38% 32%, #fff 0%, #d0d0d0 65%, #909090 100%);
    will-change:transform,left,top;
  }

  .hv-chip-ico{
    width:36px;height:36px;flex-shrink:0;border-radius:9px;
    display:flex;align-items:center;justify-content:center;
    background:rgba(255,255,255,.07);color:rgba(255,255,255,.7);
  }
  .hv-chip-ico.gold{background:rgba(230,168,32,.15);color:var(--gold)}
  .hv-chip-t{flex:1}
  .hv-chip-t strong{display:block;font-size:13px;font-weight:600;color:#fff}
  .hv-chip-t span{font-size:11px;font-weight:400;color:rgba(255,255,255,.65)}
  .hv-chip-val{
    font-size:13px;font-weight:700;color:var(--gold);white-space:nowrap;
  }

  /* divider line with pulse */
  .hv-divider{
    height:1px;background:rgba(255,255,255,.08);margin:4px 0;position:relative;z-index:1;
    overflow:hidden;width:100%;max-width:100%;
  }
  .hv-divider::after{
    content:'';position:absolute;top:0;left:-100%;
    width:60%;height:100%;
    background:linear-gradient(90deg,transparent,var(--gold),transparent);
    animation:sweep 3s 1.5s ease-in-out infinite;
  }
  @keyframes sweep{0%{left:-60%}100%{left:100%}}

  @keyframes fu{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2256f75 *//* ════════════════════════════
     HERO
  ════════════════════════════ */
  #hero{
    min-height:auto;
    position:relative;overflow:hidden;
  }
  .hero-inner{
    max-width:1400px;margin:0 auto;
    display:grid;grid-template-columns:1.1fr 0.9fr;
  }
  /* ── Hero Blobs ── */
  .hero-blob{
    position:absolute;border-radius:50%;
    pointer-events:none;z-index:-1;
  }
  .hb1{
    width:640px;height:640px;
    background:radial-gradient(circle,rgba(230,168,32,.38) 0%,transparent 62%);
    top:0;left:0;transform:translate(-120px,-160px);
    filter:blur(55px);transition:none;
  }
  .hb2{
    width:480px;height:480px;
    background:radial-gradient(circle,rgba(230,168,32,.28) 0%,transparent 62%);
    top:0;left:0;transform:translate(40px,-100px);
    filter:blur(60px);transition:none;
  }
  .hb3{
    width:400px;height:400px;
    background:radial-gradient(circle,rgba(255,210,80,.55) 0%,transparent 60%);
    top:0;left:0;transform:translate(0px,0px);
    filter:blur(35px);transition:none;
  }
  .hero-logo{
    display:flex;align-items:center;gap:12px;
    margin-bottom:28px;
    opacity:0;animation:fu .5s .05s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-logo img{height:52px;width:auto}
  .hero-logo-text{font-size:14px;font-weight:700;letter-spacing:.2px;color:var(--bk);line-height:1.15}
  .hero-logo-text span{display:block;font-size:10px;font-weight:500;letter-spacing:1.2px;text-transform:uppercase;color:var(--gr2);margin-top:2px}

  .hero-text{
    display:flex;flex-direction:column;justify-content:center;
    padding:clamp(40px,5vw,64px) clamp(24px,4vw,56px) clamp(40px,5vw,64px) clamp(24px,5vw,64px);
    position:relative;z-index:1;
  }

  .hero-eye{
    display:inline-flex;align-items:center;gap:8px;
    font-size:10.5px;font-weight:600;letter-spacing:2.8px;text-transform:uppercase;
    color:var(--gr2);margin-bottom:18px;
    opacity:0;animation:fu .6s .15s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-eye::before{content:'';width:28px;height:1.5px;background:var(--bk)}

  .hero-h1{
    font-size:clamp(32px,4.2vw,52px);font-weight:700;line-height:1.15;
    letter-spacing:-.5px;color:var(--bk);margin-bottom:18px;
  }
  .h1-kw{
    color:var(--gold);font-size:1.18em;letter-spacing:-.8px;
  }
  .w{
    display:inline-block;opacity:0;
    transform:translateY(36px);
    transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);
    animation:wShow .5s 1.2s cubic-bezier(.16,1,.3,1) forwards;
  }
  .w.on{opacity:1;transform:none;animation:none}
  @keyframes wShow{to{opacity:1;transform:none}}

  .hero-desc{
    font-size:15px;font-weight:400;color:var(--gr);line-height:1.7;max-width:480px;
    margin-bottom:28px;
    opacity:0;animation:fu .6s .85s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-btns{
    display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px;
    opacity:0;animation:fu .6s 1s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-proof{
    display:flex;align-items:center;gap:8px;
    font-size:13px;font-weight:500;color:var(--gr);
    margin-bottom:0;
    opacity:0;animation:fu .6s 1.1s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-proof svg{color:#25D366;flex-shrink:0}

  /* ── Hero Visual (right side) ── */
  .hero-visual{
    display:flex;align-items:center;justify-content:flex-start;
    padding:clamp(24px,3vw,44px) clamp(24px,4vw,48px) clamp(24px,3vw,44px) 0;
    position:relative;overflow:hidden;
  }
  .hv-panel{
    width:100%;max-width:100%;
    background:var(--bk);border-radius:24px;
    padding:clamp(24px,2.5vw,36px);
    position:relative;overflow:hidden;
    opacity:0;animation:fu .8s .3s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hv-panel::before{
    content:'';position:absolute;inset:0;
    background:radial-gradient(ellipse at 30% 20%,rgba(230,168,32,.06) 0%,transparent 60%);
    pointer-events:none;
  }
  /* dot pattern overlay */
  .hv-panel::after{
    content:'';position:absolute;inset:0;
    background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);
    background-size:20px 20px;
    pointer-events:none;
  }

  .hv-label{
    font-size:10px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;
    color:rgba(255,255,255,.6);margin-bottom:28px;position:relative;z-index:1;
  }
  .hv-big{
    position:relative;z-index:1;text-align:center;margin-bottom:20px;
  }
  .hv-big-num{
    font-size:clamp(48px,6vw,72px);font-weight:800;color:#fff;
    line-height:.9;letter-spacing:-3px;
  }
  .hv-big-num span{color:var(--gold)}
  .hv-big-num{transition:opacity .25s ease,transform .25s ease}
  .hv-big-sub{
    font-size:12px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;
    color:rgba(255,255,255,.65);margin-top:8px;transition:opacity .25s ease;
  }
  /* ── TextRotate ── */
  @keyframes trIn{from{transform:translateY(115%);opacity:0}to{transform:translateY(0);opacity:1}}
  .hv-tr-wrap{display:inline-flex;overflow:hidden;vertical-align:bottom;height:.92em}
  .hv-char{display:inline-block;animation:trIn .45s cubic-bezier(.34,1.56,.64,1) both}

  /* stat chips */
  .hv-chips{
    display:flex;flex-direction:column;gap:10px;
    position:relative;z-index:1;
  }
  .hv-chip{
    display:flex;align-items:center;gap:12px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;padding:14px 16px;
    transition:background .3s,border-color .3s,transform .3s cubic-bezier(.16,1,.3,1);
    opacity:0;animation:fu .5s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hv-chip:nth-child(1){animation-delay:.5s}
  .hv-chip:nth-child(2){animation-delay:.6s}
  .hv-chip:nth-child(3){animation-delay:.7s}
  .hv-chip:nth-child(4){animation-delay:.8s}
  .hv-chip{cursor:grab}
  .hv-chip:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.15);transform:translateX(4px)}
  .hv-chip.dragging{opacity:.3;transform:none}
  .hv-chip.drag-over{border-color:var(--gold);background:rgba(230,168,32,.1)}

  /* ─── SOCCER BALL ─── */
  .soccer-ball{
    position:absolute;width:52px;height:52px;border-radius:50%;
    z-index:2;pointer-events:none;
    box-shadow:0 6px 18px rgba(0,0,0,.25);
    background:radial-gradient(circle at 38% 32%, #fff 0%, #d0d0d0 65%, #909090 100%);
    will-change:transform,left,top;
  }

  .hv-chip-ico{
    width:36px;height:36px;flex-shrink:0;border-radius:9px;
    display:flex;align-items:center;justify-content:center;
    background:rgba(255,255,255,.07);color:rgba(255,255,255,.7);
  }
  .hv-chip-ico.gold{background:rgba(230,168,32,.15);color:var(--gold)}
  .hv-chip-t{flex:1}
  .hv-chip-t strong{display:block;font-size:13px;font-weight:600;color:#fff}
  .hv-chip-t span{font-size:11px;font-weight:400;color:rgba(255,255,255,.65)}
  .hv-chip-val{
    font-size:13px;font-weight:700;color:var(--gold);white-space:nowrap;
  }

  /* divider line with pulse */
  .hv-divider{
    height:1px;background:rgba(255,255,255,.08);margin:4px 0;position:relative;z-index:1;
    overflow:hidden;width:100%;max-width:100%;
  }
  .hv-divider::after{
    content:'';position:absolute;top:0;left:-100%;
    width:60%;height:100%;
    background:linear-gradient(90deg,transparent,var(--gold),transparent);
    animation:sweep 3s 1.5s ease-in-out infinite;
  }
  @keyframes sweep{0%{left:-60%}100%{left:100%}}

  @keyframes fu{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e36604a *//* ════════════════════════════
     HERO
  ════════════════════════════ */
  #hero{
    min-height:auto;
    position:relative;overflow:hidden;
  }
  .hero-inner{
    max-width:1400px;margin:0 auto;
    display:grid;grid-template-columns:1.1fr 0.9fr;
  }
  /* ── Hero Blobs ── */
  .hero-blob{
    position:absolute;border-radius:50%;
    pointer-events:none;z-index:-1;
  }
  .hb1{
    width:640px;height:640px;
    background:radial-gradient(circle,rgba(230,168,32,.38) 0%,transparent 62%);
    top:0;left:0;transform:translate(-120px,-160px);
    filter:blur(55px);transition:none;
  }
  .hb2{
    width:480px;height:480px;
    background:radial-gradient(circle,rgba(230,168,32,.28) 0%,transparent 62%);
    top:0;left:0;transform:translate(40px,-100px);
    filter:blur(60px);transition:none;
  }
  .hb3{
    width:400px;height:400px;
    background:radial-gradient(circle,rgba(255,210,80,.55) 0%,transparent 60%);
    top:0;left:0;transform:translate(0px,0px);
    filter:blur(35px);transition:none;
  }
  .hero-logo{
    display:flex;align-items:center;gap:12px;
    margin-bottom:28px;
    opacity:0;animation:fu .5s .05s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-logo img{height:52px;width:auto}
  .hero-logo-text{font-size:14px;font-weight:700;letter-spacing:.2px;color:var(--bk);line-height:1.15}
  .hero-logo-text span{display:block;font-size:10px;font-weight:500;letter-spacing:1.2px;text-transform:uppercase;color:var(--gr2);margin-top:2px}

  .hero-text{
    display:flex;flex-direction:column;justify-content:center;
    padding:clamp(40px,5vw,64px) clamp(24px,4vw,56px) clamp(40px,5vw,64px) clamp(24px,5vw,64px);
    position:relative;z-index:1;
  }

  .hero-eye{
    display:inline-flex;align-items:center;gap:8px;
    font-size:10.5px;font-weight:600;letter-spacing:2.8px;text-transform:uppercase;
    color:var(--gr2);margin-bottom:18px;
    opacity:0;animation:fu .6s .15s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-eye::before{content:'';width:28px;height:1.5px;background:var(--bk)}

  .hero-h1{
    font-size:clamp(32px,4.2vw,52px);font-weight:700;line-height:1.15;
    letter-spacing:-.5px;color:var(--bk);margin-bottom:18px;
  }
  .h1-kw{
    color:var(--gold);font-size:1.18em;letter-spacing:-.8px;
  }
  .w{
    display:inline-block;opacity:0;
    transform:translateY(36px);
    transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);
    animation:wShow .5s 1.2s cubic-bezier(.16,1,.3,1) forwards;
  }
  .w.on{opacity:1;transform:none;animation:none}
  @keyframes wShow{to{opacity:1;transform:none}}

  .hero-desc{
    font-size:15px;font-weight:400;color:var(--gr);line-height:1.7;max-width:480px;
    margin-bottom:28px;
    opacity:0;animation:fu .6s .85s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-btns{
    display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px;
    opacity:0;animation:fu .6s 1s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-proof{
    display:flex;align-items:center;gap:8px;
    font-size:13px;font-weight:500;color:var(--gr);
    margin-bottom:0;
    opacity:0;animation:fu .6s 1.1s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-proof svg{color:#25D366;flex-shrink:0}

  /* ── Hero Visual (right side) ── */
  .hero-visual{
    display:flex;align-items:center;justify-content:flex-start;
    padding:clamp(24px,3vw,44px) clamp(24px,4vw,48px) clamp(24px,3vw,44px) 0;
    position:relative;overflow:hidden;
  }
  .hv-panel{
    width:100%;max-width:100%;
    background:var(--bk);border-radius:24px;
    padding:clamp(24px,2.5vw,36px);
    position:relative;overflow:hidden;
    opacity:0;animation:fu .8s .3s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hv-panel::before{
    content:'';position:absolute;inset:0;
    background:radial-gradient(ellipse at 30% 20%,rgba(230,168,32,.06) 0%,transparent 60%);
    pointer-events:none;
  }
  /* dot pattern overlay */
  .hv-panel::after{
    content:'';position:absolute;inset:0;
    background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);
    background-size:20px 20px;
    pointer-events:none;
  }

  .hv-label{
    font-size:10px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;
    color:rgba(255,255,255,.6);margin-bottom:28px;position:relative;z-index:1;
  }
  .hv-big{
    position:relative;z-index:1;text-align:center;margin-bottom:20px;
  }
  .hv-big-num{
    font-size:clamp(48px,6vw,72px);font-weight:800;color:#fff;
    line-height:.9;letter-spacing:-3px;
  }
  .hv-big-num span{color:var(--gold)}
  .hv-big-num{transition:opacity .25s ease,transform .25s ease}
  .hv-big-sub{
    font-size:12px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;
    color:rgba(255,255,255,.65);margin-top:8px;transition:opacity .25s ease;
  }
  /* ── TextRotate ── */
  @keyframes trIn{from{transform:translateY(115%);opacity:0}to{transform:translateY(0);opacity:1}}
  .hv-tr-wrap{display:inline-flex;overflow:hidden;vertical-align:bottom;height:.92em}
  .hv-char{display:inline-block;animation:trIn .45s cubic-bezier(.34,1.56,.64,1) both}

  /* stat chips */
  .hv-chips{
    display:flex;flex-direction:column;gap:10px;
    position:relative;z-index:1;
  }
  .hv-chip{
    display:flex;align-items:center;gap:12px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;padding:14px 16px;
    transition:background .3s,border-color .3s,transform .3s cubic-bezier(.16,1,.3,1);
    opacity:0;animation:fu .5s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hv-chip:nth-child(1){animation-delay:.5s}
  .hv-chip:nth-child(2){animation-delay:.6s}
  .hv-chip:nth-child(3){animation-delay:.7s}
  .hv-chip:nth-child(4){animation-delay:.8s}
  .hv-chip{cursor:grab}
  .hv-chip:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.15);transform:translateX(4px)}
  .hv-chip.dragging{opacity:.3;transform:none}
  .hv-chip.drag-over{border-color:var(--gold);background:rgba(230,168,32,.1)}

  /* ─── SOCCER BALL ─── */
  .soccer-ball{
    position:absolute;width:52px;height:52px;border-radius:50%;
    z-index:2;pointer-events:none;
    box-shadow:0 6px 18px rgba(0,0,0,.25);
    background:radial-gradient(circle at 38% 32%, #fff 0%, #d0d0d0 65%, #909090 100%);
    will-change:transform,left,top;
  }

  .hv-chip-ico{
    width:36px;height:36px;flex-shrink:0;border-radius:9px;
    display:flex;align-items:center;justify-content:center;
    background:rgba(255,255,255,.07);color:rgba(255,255,255,.7);
  }
  .hv-chip-ico.gold{background:rgba(230,168,32,.15);color:var(--gold)}
  .hv-chip-t{flex:1}
  .hv-chip-t strong{display:block;font-size:13px;font-weight:600;color:#fff}
  .hv-chip-t span{font-size:11px;font-weight:400;color:rgba(255,255,255,.65)}
  .hv-chip-val{
    font-size:13px;font-weight:700;color:var(--gold);white-space:nowrap;
  }

  /* divider line with pulse */
  .hv-divider{
    height:1px;background:rgba(255,255,255,.08);margin:4px 0;position:relative;z-index:1;
    overflow:hidden;width:100%;max-width:100%;
  }
  .hv-divider::after{
    content:'';position:absolute;top:0;left:-100%;
    width:60%;height:100%;
    background:linear-gradient(90deg,transparent,var(--gold),transparent);
    animation:sweep 3s 1.5s ease-in-out infinite;
  }
  @keyframes sweep{0%{left:-60%}100%{left:100%}}

  @keyframes fu{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c40f237 *//* ════════════════════════════
     HERO
  ════════════════════════════ */
  #hero{
    min-height:auto;
    position:relative;overflow:hidden;
  }
  .hero-inner{
    max-width:1400px;margin:0 auto;
    display:grid;grid-template-columns:1.1fr 0.9fr;
  }
  /* ── Hero Blobs ── */
  .hero-blob{
    position:absolute;border-radius:50%;
    pointer-events:none;z-index:-1;
  }
  .hb1{
    width:640px;height:640px;
    background:radial-gradient(circle,rgba(230,168,32,.38) 0%,transparent 62%);
    top:0;left:0;transform:translate(-120px,-160px);
    filter:blur(55px);transition:none;
  }
  .hb2{
    width:480px;height:480px;
    background:radial-gradient(circle,rgba(230,168,32,.28) 0%,transparent 62%);
    top:0;left:0;transform:translate(40px,-100px);
    filter:blur(60px);transition:none;
  }
  .hb3{
    width:400px;height:400px;
    background:radial-gradient(circle,rgba(255,210,80,.55) 0%,transparent 60%);
    top:0;left:0;transform:translate(0px,0px);
    filter:blur(35px);transition:none;
  }
  .hero-logo{
    display:flex;align-items:center;gap:12px;
    margin-bottom:28px;
    opacity:0;animation:fu .5s .05s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-logo img{height:52px;width:auto}
  .hero-logo-text{font-size:14px;font-weight:700;letter-spacing:.2px;color:var(--bk);line-height:1.15}
  .hero-logo-text span{display:block;font-size:10px;font-weight:500;letter-spacing:1.2px;text-transform:uppercase;color:var(--gr2);margin-top:2px}

  .hero-text{
    display:flex;flex-direction:column;justify-content:center;
    padding:clamp(40px,5vw,64px) clamp(24px,4vw,56px) clamp(40px,5vw,64px) clamp(24px,5vw,64px);
    position:relative;z-index:1;
  }

  .hero-eye{
    display:inline-flex;align-items:center;gap:8px;
    font-size:10.5px;font-weight:600;letter-spacing:2.8px;text-transform:uppercase;
    color:var(--gr2);margin-bottom:18px;
    opacity:0;animation:fu .6s .15s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-eye::before{content:'';width:28px;height:1.5px;background:var(--bk)}

  .hero-h1{
    font-size:clamp(32px,4.2vw,52px);font-weight:700;line-height:1.15;
    letter-spacing:-.5px;color:var(--bk);margin-bottom:18px;
  }
  .h1-kw{
    color:var(--gold);font-size:1.18em;letter-spacing:-.8px;
  }
  .w{
    display:inline-block;opacity:0;
    transform:translateY(36px);
    transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);
    animation:wShow .5s 1.2s cubic-bezier(.16,1,.3,1) forwards;
  }
  .w.on{opacity:1;transform:none;animation:none}
  @keyframes wShow{to{opacity:1;transform:none}}

  .hero-desc{
    font-size:15px;font-weight:400;color:var(--gr);line-height:1.7;max-width:480px;
    margin-bottom:28px;
    opacity:0;animation:fu .6s .85s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-btns{
    display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px;
    opacity:0;animation:fu .6s 1s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-proof{
    display:flex;align-items:center;gap:8px;
    font-size:13px;font-weight:500;color:var(--gr);
    margin-bottom:0;
    opacity:0;animation:fu .6s 1.1s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hero-proof svg{color:#25D366;flex-shrink:0}

  /* ── Hero Visual (right side) ── */
  .hero-visual{
    display:flex;align-items:center;justify-content:flex-start;
    padding:clamp(24px,3vw,44px) clamp(24px,4vw,48px) clamp(24px,3vw,44px) 0;
    position:relative;overflow:hidden;
  }
  .hv-panel{
    width:100%;max-width:100%;
    background:var(--bk);border-radius:24px;
    padding:clamp(24px,2.5vw,36px);
    position:relative;overflow:hidden;
    opacity:0;animation:fu .8s .3s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hv-panel::before{
    content:'';position:absolute;inset:0;
    background:radial-gradient(ellipse at 30% 20%,rgba(230,168,32,.06) 0%,transparent 60%);
    pointer-events:none;
  }
  /* dot pattern overlay */
  .hv-panel::after{
    content:'';position:absolute;inset:0;
    background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);
    background-size:20px 20px;
    pointer-events:none;
  }

  .hv-label{
    font-size:10px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;
    color:rgba(255,255,255,.6);margin-bottom:28px;position:relative;z-index:1;
  }
  .hv-big{
    position:relative;z-index:1;text-align:center;margin-bottom:20px;
  }
  .hv-big-num{
    font-size:clamp(48px,6vw,72px);font-weight:800;color:#fff;
    line-height:.9;letter-spacing:-3px;
  }
  .hv-big-num span{color:var(--gold)}
  .hv-big-num{transition:opacity .25s ease,transform .25s ease}
  .hv-big-sub{
    font-size:12px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;
    color:rgba(255,255,255,.65);margin-top:8px;transition:opacity .25s ease;
  }
  /* ── TextRotate ── */
  @keyframes trIn{from{transform:translateY(115%);opacity:0}to{transform:translateY(0);opacity:1}}
  .hv-tr-wrap{display:inline-flex;overflow:hidden;vertical-align:bottom;height:.92em}
  .hv-char{display:inline-block;animation:trIn .45s cubic-bezier(.34,1.56,.64,1) both}

  /* stat chips */
  .hv-chips{
    display:flex;flex-direction:column;gap:10px;
    position:relative;z-index:1;
  }
  .hv-chip{
    display:flex;align-items:center;gap:12px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;padding:14px 16px;
    transition:background .3s,border-color .3s,transform .3s cubic-bezier(.16,1,.3,1);
    opacity:0;animation:fu .5s cubic-bezier(.16,1,.3,1) forwards;
  }
  .hv-chip:nth-child(1){animation-delay:.5s}
  .hv-chip:nth-child(2){animation-delay:.6s}
  .hv-chip:nth-child(3){animation-delay:.7s}
  .hv-chip:nth-child(4){animation-delay:.8s}
  .hv-chip{cursor:grab}
  .hv-chip:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.15);transform:translateX(4px)}
  .hv-chip.dragging{opacity:.3;transform:none}
  .hv-chip.drag-over{border-color:var(--gold);background:rgba(230,168,32,.1)}

  /* ─── SOCCER BALL ─── */
  .soccer-ball{
    position:absolute;width:52px;height:52px;border-radius:50%;
    z-index:2;pointer-events:none;
    box-shadow:0 6px 18px rgba(0,0,0,.25);
    background:radial-gradient(circle at 38% 32%, #fff 0%, #d0d0d0 65%, #909090 100%);
    will-change:transform,left,top;
  }

  .hv-chip-ico{
    width:36px;height:36px;flex-shrink:0;border-radius:9px;
    display:flex;align-items:center;justify-content:center;
    background:rgba(255,255,255,.07);color:rgba(255,255,255,.7);
  }
  .hv-chip-ico.gold{background:rgba(230,168,32,.15);color:var(--gold)}
  .hv-chip-t{flex:1}
  .hv-chip-t strong{display:block;font-size:13px;font-weight:600;color:#fff}
  .hv-chip-t span{font-size:11px;font-weight:400;color:rgba(255,255,255,.65)}
  .hv-chip-val{
    font-size:13px;font-weight:700;color:var(--gold);white-space:nowrap;
  }

  /* divider line with pulse */
  .hv-divider{
    height:1px;background:rgba(255,255,255,.08);margin:4px 0;position:relative;z-index:1;
    overflow:hidden;width:100%;max-width:100%;
  }
  .hv-divider::after{
    content:'';position:absolute;top:0;left:-100%;
    width:60%;height:100%;
    background:linear-gradient(90deg,transparent,var(--gold),transparent);
    animation:sweep 3s 1.5s ease-in-out infinite;
  }
  @keyframes sweep{0%{left:-60%}100%{left:100%}}

  @keyframes fu{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}/* End custom CSS */