.elementor-191 .elementor-element.elementor-element-7989529{--display:flex;--min-height:100vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-191 .elementor-element.elementor-element-fe274e1{padding:0px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-54255a8{--display:flex;--min-height:100vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-191 .elementor-element.elementor-element-91a1312{padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-191 .elementor-element.elementor-element-7989529{--width:100vw;}.elementor-191 .elementor-element.elementor-element-54255a8{--width:100vw;}}/* Start custom CSS for html, class: .elementor-element-fe274e1 */.cst-hero {
      position: relative;
      background: linear-gradient(-45deg, #12163f, #1c2270, #2b2f9e, #171c4f);
      background-size: 300% 300%;
      animation: cstGradientShift 14s ease infinite;
      padding: 90px 0 110px;
      overflow: hidden;
      color: #ffffff;
     
    }
    
    
    .cst-container {
      width: 100%;
      max-width: 80vw;
      margin: 0 auto;
      padding: 0 24px;
      
    }

    @keyframes cstGradientShift {
      0%   { background-position: 0% 50%; }
      50%  { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
    }

    /* floating glow blobs */
     .cst-blob {
      position: absolute;
      border-radius: 50%;
      filter: blur(70px);
      opacity: 0.5;
      pointer-events: none;
    }

     .cst-blob-1 {
      width: 420px; height: 420px;
      background: #4c5bff;
      top: -140px; left: -120px;
      animation: cstFloatBlob 11s ease-in-out infinite;
    }

     .cst-blob-2 {
      width: 360px; height: 360px;
      background: #ffb020;
      bottom: -160px; right: -100px;
      opacity: 0.25;
      animation: cstFloatBlob 13s ease-in-out infinite reverse;
    }

     .cst-blob-3 {
      width: 260px; height: 260px;
      background: #9a6bff;
      top: 40%; left: 45%;
      opacity: 0.22;
      animation: cstFloatBlob 16s ease-in-out infinite;
    }

    @keyframes cstFloatBlob {
      0%, 100% { transform: translate(0, 0) scale(1); }
      33%      { transform: translate(40px, -35px) scale(1.08); }
      66%      { transform: translate(-30px, 25px) scale(0.94); }
    }

    /* dotted grid overlay */
     .cst-hero::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image: radial-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px);
      background-size: 34px 34px;
      pointer-events: none;
    }

     .cst-hero-row {
      position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: 1.15fr 0.85fr;
      gap: 60px;
      align-items: center;
    }

    /* staggered entrance animation */
     .cst-fade-up {
      opacity: 0;
      transform: translateY(28px);
      animation: cstFadeUp 0.9s ease forwards;
    }

     .cst-d1 { animation-delay: 0.1s; }
     .cst-d2 { animation-delay: 0.28s; }
     .cst-d3 { animation-delay: 0.46s; }
     .cst-d4 { animation-delay: 0.64s; }
     .cst-d5 { animation-delay: 0.82s; }
     .cst-d6 { animation-delay: 1s; }

    @keyframes cstFadeUp {
      to { opacity: 1; transform: translateY(0); }
    }

     .cst-hero-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(255, 201, 60, 0.12);
      border: 1px solid rgba(255, 201, 60, 0.4);
      color: #ffd86b;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 1.2px;
      text-transform: uppercase;
      padding: 8px 18px;
      border-radius: 50px;
      margin-bottom: 24px;
    }

     .cst-pulse-dot {
      width: 8px; height: 8px;
      border-radius: 50%;
      background: #ffc93c;
      animation: cstPulse 1.6s ease-in-out infinite;
    }

    @keyframes cstPulse {
      0%, 100% { box-shadow: 0 0 0 0 rgba(255, 201, 60, 0.55); }
      50%      { box-shadow: 0 0 0 8px rgba(255, 201, 60, 0); }
    }

     .cst-hero h1 {
      font-size: 46px;
      line-height: 1.16;
      font-weight: 800;
      margin-bottom: 22px;
      letter-spacing: -0.5px;
    }

     .cst-hero h1 .cst-gold-text {
      background: linear-gradient(90deg, #ffc93c, #ffe9a8, #ffc93c);
      background-size: 200% auto;
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      color: transparent;
      animation: cstShimmer 4s linear infinite;
    }

    @keyframes cstShimmer {
      to { background-position: 200% center; }
    }

     .cst-hero-sub {
      font-size: 17px;
      color: rgba(255, 255, 255, 0.82);
      max-width: 560px;
      margin-bottom: 18px;
    }

     .cst-hero-strong {
      font-size: 16px;
      color: #ffffff;
      font-weight: 600;
      max-width: 560px;
      margin-bottom: 32px;
    }

     .cst-hero-ctas {
      display: flex;
      gap: 16px;
      flex-wrap: wrap;
      margin-bottom: 38px;
    }

     .cst-hero-platforms {
      font-size: 13.5px;
      font-weight: 600;
      letter-spacing: 0.4px;
      color: rgba(255, 255, 255, 0.65);
    }

    /* ----- Hero animated visual (growth dashboard card) ----- */
     .cst-hero-visual {
      position: relative;
      animation: cstHeroFloat 6s ease-in-out infinite;
    }

    @keyframes cstHeroFloat {
      0%, 100% { transform: translateY(0); }
      50%      { transform: translateY(-14px); }
    }

     .cst-dash-card {
      background: rgba(255, 255, 255, 0.07);
      border: 1px solid rgba(255, 255, 255, 0.16);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border-radius: 20px;
      padding: 28px;
      box-shadow: 0 30px 60px rgba(0, 0, 0, 0.35);
    }

     .cst-dash-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 22px;
    }

     .cst-dash-title {
      font-size: 14px;
      font-weight: 700;
      color: rgba(255, 255, 255, 0.85);
    }

     .cst-dash-live {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 11px;
      font-weight: 700;
      color: #7dffb0;
      text-transform: uppercase;
      letter-spacing: 1px;
    }

     .cst-live-dot {
      width: 7px; height: 7px;
      border-radius: 50%;
      background: #41e585;
      animation: cstPulse 1.4s ease-in-out infinite;
    }

     .cst-chart {
      display: flex;
      align-items: flex-end;
      gap: 12px;
      height: 150px;
      padding-bottom: 6px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.15);
      margin-bottom: 18px;
    }

     .cst-bar {
      flex: 1;
      border-radius: 6px 6px 2px 2px;
      background: linear-gradient(180deg, #ffc93c, #ff9d20);
      height: 0;
      animation: cstBarGrow 1.1s cubic-bezier(0.22, 1, 0.36, 1) forwards;
      transform-origin: bottom;
    }

     .cst-bar-alt { background: linear-gradient(180deg, #6b78ff, #4c5bff); }

     .cst-bar-1 { animation-delay: 0.7s;  --h: 34%; }
     .cst-bar-2 { animation-delay: 0.85s; --h: 48%; }
     .cst-bar-3 { animation-delay: 1s;    --h: 42%; }
     .cst-bar-4 { animation-delay: 1.15s; --h: 62%; }
     .cst-bar-5 { animation-delay: 1.3s;  --h: 74%; }
     .cst-bar-6 { animation-delay: 1.45s; --h: 88%; }
     .cst-bar-7 { animation-delay: 1.6s;  --h: 100%; }

    @keyframes cstBarGrow {
      to { height: var(--h); }
    }

     .cst-dash-stats {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
    }

     .cst-dash-stat {
      background: rgba(255, 255, 255, 0.06);
      border-radius: 12px;
      padding: 12px 10px;
      text-align: center;
    }

     .cst-dash-stat b {
      display: block;
      font-size: 18px;
      color: #ffc93c;
      font-weight: 800;
    }

     .cst-dash-stat span {
      font-size: 11px;
      color: rgba(255, 255, 255, 0.65);
      font-weight: 600;
    }

    /* floating mini badges around the dashboard */
     .cst-float-badge {
      position: absolute;
      background: #ffffff;
      color: #171c4f;
      border-radius: 14px;
      padding: 10px 16px;
      font-size: 12.5px;
      font-weight: 700;
      box-shadow: 0 14px 34px rgba(0, 0, 0, 0.3);
      display: flex;
      align-items: center;
      gap: 8px;
      white-space: nowrap;
      z-index: 3;
    }

     .cst-float-badge .cst-emoji { font-size: 17px; }

     .cst-badge-a {
      top: -22px; right: 8px;
      animation: cstFloatBadge 5s ease-in-out infinite;
    }

     .cst-badge-b {
      bottom: 54px; left: -34px;
      animation: cstFloatBadge 6.5s ease-in-out 0.8s infinite;
    }

     .cst-badge-c {
      bottom: -20px; right: 34px;
      animation: cstFloatBadge 5.6s ease-in-out 1.6s infinite;
    }

    @keyframes cstFloatBadge {
      0%, 100% { transform: translateY(0) rotate(0deg); }
      50%      { transform: translateY(-12px) rotate(-1.5deg); }
    }

    /* ----- marketplace marquee strip ----- */
     .cst-marquee {
      position: relative;
      z-index: 2;
      margin-top: 70px;
      overflow: hidden;
      -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
      mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
    }

     .cst-marquee-track {
      display: flex;
      gap: 18px;
      width: max-content;
      animation: cstMarquee 26s linear infinite;
    }

     .cst-marquee:hover .cst-marquee-track { animation-play-state: paused; }

    @keyframes cstMarquee {
      from { transform: translateX(0); }
      to   { transform: translateX(-50%); }
    }

     .cst-chip {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid rgba(255, 255, 255, 0.18);
      color: #ffffff;
      font-size: 14px;
      font-weight: 700;
      padding: 12px 26px;
      border-radius: 50px;
      white-space: nowrap;
    }

     .cst-chip i {
      font-style: normal;
      width: 26px; height: 26px;
      border-radius: 50%;
      background: linear-gradient(135deg, #ffc93c, #ff9d20);
      color: #171c4f;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 13px;
      font-weight: 800;
    }
    
    .cst-btn {
      display: inline-block;
      padding: 14px 30px;
      border-radius: 50px;
      font-size: 15px;
      font-weight: 700;
      letter-spacing: 0.2px;
      transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, color 0.25s ease;
      cursor: pointer;
    }
    
    .cst-btn-gold {
      background: linear-gradient(135deg, #ffc93c 0%, #ffb020 100%);
      color: #171c4f;
      box-shadow: 0 8px 24px rgba(255, 176, 32, 0.35);
    }
    
    
      .cst-btn-outline {
      background: rgba(255, 255, 255, 0.06);
      color: #ffffff;
      border: 2px solid rgba(255, 255, 255, 0.55);
    }
    
    
    
    @media (max-width: 1024px) {
      .cst-hero-row { grid-template-columns: 1fr; gap: 70px; }
      .cst-hero h1 { font-size: 38px; }
     
     
      .cst-container {
      width: 100%;
      max-width: 100%;
      margin: 0 auto;
      padding: 0 10px;
      
    }
    }/* End custom CSS */
/* Start custom CSS *//* ============================================================
   CAASTO — GLOBAL STYLES (paste ONCE)
   WordPress: Customizer > Additional CSS
   or Elementor: Site Settings > Custom CSS
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  --ct-ink:#0A0E1A;
  --ct-ink-2:#131B31;
  --ct-muted:#5A6379;
  --ct-paper:#F7F5F0;
  --ct-card:#FFFFFF;
  --ct-line:rgba(10,14,26,.09);
  --ct-accent:#FF5A1F;
  --ct-accent-dark:#E8480F;
  --ct-green:#0CA668;
  --ct-amber:#FFB020;
  --ct-blue:#2F6BFF;
  --ct-radius:20px;
  --ct-shadow:0 24px 55px -24px rgba(10,14,26,.28);
}

/* ---------- Section shells ---------- */
.ct-sec{position:relative;padding:104px 24px;background:var(--ct-paper);color:var(--ct-ink);font-family:'Inter',system-ui,-apple-system,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}
.ct-sec *{box-sizing:border-box}
.ct-sec--white{background:#FFFFFF}
.ct-sec--dark{background:#0A0E1A;color:#EDF0F8}
.ct-wrap{max-width:1180px;margin:0 auto;position:relative;z-index:1}
.ct-center{text-align:center}
.ct-center .ct-lead{margin-left:auto;margin-right:auto}

/* ---------- Type ---------- */
.ct-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--ct-accent-dark);background:rgba(255,90,31,.08);border:1px solid rgba(255,90,31,.28);padding:8px 15px;border-radius:999px}
.ct-eyebrow::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--ct-accent);flex:none}
.ct-sec--dark .ct-eyebrow{color:#FF9A6B;background:rgba(255,90,31,.12);border-color:rgba(255,90,31,.35)}
.ct-h1{font-family:'Sora',sans-serif;font-size:clamp(38px,5.2vw,62px);line-height:1.06;font-weight:800;letter-spacing:-.025em;margin:26px 0 22px}
.ct-h2{font-family:'Sora',sans-serif;font-size:clamp(29px,4.2vw,45px);line-height:1.13;font-weight:700;letter-spacing:-.02em;margin:22px 0 18px}
.ct-h3{font-family:'Sora',sans-serif;font-size:19px;font-weight:700;letter-spacing:-.01em;margin:0 0 8px}
.ct-lead{font-size:17px;line-height:1.78;color:var(--ct-muted);max-width:660px;margin:0}
.ct-sec--dark .ct-lead{color:#A9B3CC}
.ct-accent{color:var(--ct-accent)}
.ct-strong{color:var(--ct-ink);font-weight:700}
.ct-sec--dark .ct-strong{color:#FFFFFF}

/* ---------- Buttons ---------- */
.ct-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--ct-accent);color:#FFFFFF;font-family:'Inter',sans-serif;font-weight:600;font-size:15px;line-height:1;padding:16px 28px;border-radius:999px;text-decoration:none;border:1px solid var(--ct-accent);box-shadow:0 16px 32px -12px rgba(255,90,31,.55);transition:transform .25s ease,box-shadow .25s ease,background .25s ease;cursor:pointer}
.ct-btn:hover{background:var(--ct-accent-dark);border-color:var(--ct-accent-dark);transform:translateY(-2px);box-shadow:0 22px 38px -12px rgba(255,90,31,.6);color:#FFFFFF}
.ct-btn--ghost{background:transparent;color:var(--ct-ink);border-color:rgba(10,14,26,.18);box-shadow:none}
.ct-btn--ghost:hover{background:var(--ct-ink);border-color:var(--ct-ink);color:#FFFFFF;box-shadow:0 18px 32px -14px rgba(10,14,26,.45)}
.ct-sec--dark .ct-btn--ghost{color:#FFFFFF;border-color:rgba(255,255,255,.28)}
.ct-sec--dark .ct-btn--ghost:hover{background:#FFFFFF;color:var(--ct-ink);border-color:#FFFFFF}
.ct-btn svg{width:17px;height:17px;flex:none}

/* ---------- Layout helpers ---------- */
.ct-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.ct-head-split{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;flex-wrap:wrap;margin-bottom:54px}
.ct-head-split .ct-lead{max-width:440px;padding-bottom:6px}

/* ---------- Check lists ---------- */
.ct-checks{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:13px}
.ct-checks li{position:relative;padding-left:36px;font-size:15.5px;line-height:1.55;font-weight:500;color:#2A3247}
.ct-checks li::before{content:'\2713';position:absolute;left:0;top:1px;width:23px;height:23px;border-radius:8px;background:rgba(12,166,104,.13);color:var(--ct-green);font-size:12.5px;font-weight:800;display:flex;align-items:center;justify-content:center}
.ct-sec--dark .ct-checks li{color:#C6CEDF}
.ct-checks--2{grid-template-columns:1fr 1fr;column-gap:26px}

/* ---------- Cards & chips ---------- */
.ct-card{background:var(--ct-card);border:1px solid var(--ct-line);border-radius:var(--ct-radius);padding:30px;box-shadow:0 12px 34px -20px rgba(10,14,26,.18);transition:transform .3s ease,box-shadow .3s ease}
.ct-card:hover{transform:translateY(-5px);box-shadow:var(--ct-shadow)}
.ct-icon{width:50px;height:50px;border-radius:15px;background:rgba(255,90,31,.1);color:var(--ct-accent-dark);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.ct-icon svg{width:24px;height:24px}
.ct-card p{font-size:14.5px;line-height:1.7;color:var(--ct-muted);margin:0}
.ct-chip{display:inline-flex;align-items:center;gap:8px;background:#FFFFFF;border:1px solid var(--ct-line);border-radius:999px;padding:9px 16px;font-size:13.5px;font-weight:600;color:#232B42;box-shadow:0 6px 16px -10px rgba(10,14,26,.25)}
.ct-sec--dark .ct-chip{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#E7ECF7;box-shadow:none}

/* ---------- Responsive ---------- */
@media(max-width:960px){
  .ct-sec{padding:76px 20px}
  .ct-grid-2{grid-template-columns:1fr;gap:44px}
  .ct-checks--2{grid-template-columns:1fr}
  .ct-head-split{margin-bottom:40px}
}
@media(max-width:560px){
  .ct-btn{width:100%}
  .ct-checks li{font-size:14.5px}
}/* End custom CSS */