.elementor-106271 .elementor-element.elementor-element-c70ac13{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-851fb7b */<div class="vibracore-page">

  <!-- =====================================================
       01 — HERO / BUILD YOUR VIBRACORE SYSTEM
  ====================================================== -->
  <section class="vc-cta-section">

    <div class="vc-cta-bg-grid"></div>
    <div class="vc-cta-bg-glow"></div>

    <div class="vc-cta-rule-top"></div>

    <div class="vc-cta-inner">

      <div class="vc-cta-eyebrow">
        <span class="vc-cta-eyebrow-line"></span>
        <span class="vc-cta-eyebrow-text">Patent Pending · USPTO #64/015,281</span>
        <span class="vc-cta-eyebrow-line"></span>
      </div>

      <h2 class="vc-cta-heading">
        Build Your<br>
        <span class="vc-cta-heading-gold">VibraCore</span> System
      </h2>

      <p class="hero-sub">
        Stabilizer System
      </p>

      <p class="hero-desc">
        The world's first archery stabilizer engineered with a truly free-floating internal mass —
        dissipating vibrational energy from the inside out across all three axis, simultaneously,
        instead of trying to manage it externally like every other stabilizer on the market.
      </p>

      <div class="vc-cta-buttons">

        <a href="/shop/vibracore/" class="vc-btn-primary">
          <span class="vc-btn-primary-bg"></span>
          <span class="vc-btn-primary-text">Shop All VibraCore</span>
          <svg class="vc-btn-arrow" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M4 10H16M16 10L11 5M16 10L11 15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
          </svg>
        </a>

        <a href="https://siriusoutdoorgroup.com/schedule-support/" class="vc-btn-ghost">
          <span class="vc-btn-ghost-text">Talk to a Tech</span>
          <svg class="vc-btn-arrow" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M4 10H16M16 10L11 5M16 10L11 15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
          </svg>
        </a>

      </div>

      <div class="vc-cta-chips">

        <div class="vc-chip">
          <span class="vc-chip-val">3-Axis</span>
          <span class="vc-chip-label">Vibration Damping</span>
        </div>

        <div class="vc-chip-divider"></div>

        <div class="vc-chip">
          <span class="vc-chip-val">0</span>
          <span class="vc-chip-label">Rigid Core Couplings</span>
        </div>

        <div class="vc-chip-divider"></div>

        <div class="vc-chip">
          <span class="vc-chip-val">360°</span>
          <span class="vc-chip-label">Radial Tuning</span>
        </div>

        <div class="vc-chip-divider"></div>

        <div class="vc-chip">
          <span class="vc-chip-val">∞</span>
          <span class="vc-chip-label">Customization Options</span>
        </div>

      </div>

    </div>

    <div class="vc-cta-rule-bottom"></div>

  </section>


  <!-- =====================================================
       02 — STATS BAR
  ====================================================== -->
  <div class="stats-bar">

    <div class="stat-item">
      <div class="stat-number">3-Axis</div>
      <div class="stat-label">Simultaneous Damping</div>
    </div>

    <div class="stat-item">
      <div class="stat-number">0</div>
      <div class="stat-label">Rigid Core Couplings</div>
    </div>

    <div class="stat-item">
      <div class="stat-number">360°</div>
      <div class="stat-label">Radial Attenuation</div>
    </div>

    <div class="stat-item">
      <div class="stat-number">∞</div>
      <div class="stat-label">Customization Options</div>
    </div>

  </div>


  <!-- =====================================================
       03 — TECHNOLOGY / CROSS SECTION
  ====================================================== -->
  <section class="tech-section" id="technology">

    <div class="tech-diagram">

      <p class="section-eyebrow">Cross-Section Diagram</p>

      <div class="tech-visual">

        <svg viewBox="0 0 660 260" xmlns="http://www.w3.org/2000/svg" aria-label="VibraCore — free-floating core fully encapsulated in near non-Newtonian fluid">

          <defs>

            <pattern id="cfp" x="0" y="0" width="10" height="10" patternUnits="userSpaceOnUse">
              <rect width="10" height="10" fill="#181818"/>
              <rect x="0" y="0" width="5" height="5" fill="#222"/>
              <rect x="5" y="5" width="5" height="5" fill="#222"/>
              <line x1="0" y1="5" x2="10" y2="5" stroke="#2d2d2d" stroke-width="0.5"/>
              <line x1="5" y1="0" x2="5" y2="10" stroke="#2d2d2d" stroke-width="0.5"/>
            </pattern>

            <linearGradient id="fv" x1="0" y1="0" x2="0" y2="1">
              <stop offset="0%" stop-color="#010912"/>
              <stop offset="20%" stop-color="#061d4a"/>
              <stop offset="45%" stop-color="#0d4a96" stop-opacity="0.7"/>
              <stop offset="55%" stop-color="#0d4a96" stop-opacity="0.7"/>
              <stop offset="80%" stop-color="#061d4a"/>
              <stop offset="100%" stop-color="#010912"/>
            </linearGradient>

            <linearGradient id="mc" x1="0" y1="0" x2="0" y2="1">
              <stop offset="0%" stop-color="#484848"/>
              <stop offset="14%" stop-color="#909090"/>
              <stop offset="38%" stop-color="#b2b2b2"/>
              <stop offset="55%" stop-color="#888"/>
              <stop offset="80%" stop-color="#484848"/>
              <stop offset="100%" stop-color="#202020"/>
            </linearGradient>

            <linearGradient id="ec" x1="0" y1="0" x2="1" y2="0">
              <stop offset="0%" stop-color="#1a1a1a"/>
              <stop offset="45%" stop-color="#4e4e4e"/>
              <stop offset="100%" stop-color="#232323"/>
            </linearGradient>

            <radialGradient id="dissipGlow" cx="50%" cy="50%" r="50%">
              <stop offset="0%" stop-color="#4ae3ff" stop-opacity="0.18"/>
              <stop offset="100%" stop-color="#4ae3ff" stop-opacity="0"/>
            </radialGradient>

            <radialGradient id="fr" cx="50%" cy="50%" r="50%">
              <stop offset="0%" stop-color="#0d4a96" stop-opacity="0.25"/>
              <stop offset="65%" stop-color="#061d4a" stop-opacity="0.75"/>
              <stop offset="100%" stop-color="#010912" stop-opacity="0.98"/>
            </radialGradient>

            <radialGradient id="cr" cx="33%" cy="28%" r="72%">
              <stop offset="0%" stop-color="#b2b2b2"/>
              <stop offset="50%" stop-color="#606060"/>
              <stop offset="100%" stop-color="#1e1e1e"/>
            </radialGradient>

            <clipPath id="tubeClip">
              <rect x="58" y="53" width="404" height="154"/>
            </clipPath>

            <marker id="ab" markerWidth="7" markerHeight="5" refX="6" refY="2.5" orient="auto">
              <polygon points="0 0, 7 2.5, 0 5" fill="#4ae3ff"/>
            </marker>

          </defs>

          <rect width="660" height="260" fill="#0e0e0e"/>

          <rect x="58" y="75" width="404" height="110" fill="#040609"/>
          <rect x="58" y="75" width="404" height="110" fill="url(#fv)"/>

          <path d="M68 82 Q118 79 168 82 Q218 85 268 82 Q318 79 368 82 Q418 85 452 82" stroke="#2a7ad4" stroke-width="0.7" fill="none" opacity="0.28"/>
          <path d="M68 91 Q138 88 198 91 Q258 94 318 91 Q378 88 432 91 Q448 92 452 91" stroke="#1a60b0" stroke-width="0.45" fill="none" opacity="0.18"/>
          <path d="M68 101 Q118 98 168 101 Q228 104 288 101 Q348 98 408 101 Q440 102 452 101" stroke="#1050a0" stroke-width="0.3" fill="none" opacity="0.12"/>
          <path d="M68 159 Q118 156 168 159 Q228 162 288 159 Q348 156 408 159 Q440 160 452 159" stroke="#1050a0" stroke-width="0.3" fill="none" opacity="0.12"/>
          <path d="M68 169 Q138 166 198 169 Q258 172 318 169 Q378 166 432 169 Q448 170 452 169" stroke="#1a60b0" stroke-width="0.45" fill="none" opacity="0.18"/>
          <path d="M68 178 Q118 175 168 178 Q218 181 268 178 Q318 175 368 178 Q418 181 452 178" stroke="#2a7ad4" stroke-width="0.7" fill="none" opacity="0.28"/>

          <g clip-path="url(#tubeClip)">
            <ellipse cx="162" cy="130" rx="55" ry="52" fill="url(#dissipGlow)"/>

            <circle cx="162" cy="130" r="12" fill="none" stroke="#4ae3ff" stroke-width="2.0" opacity="0.90"/>
            <circle cx="162" cy="130" r="24" fill="none" stroke="#38cdf5" stroke-width="1.5" opacity="0.70"/>
            <circle cx="162" cy="130" r="38" fill="none" stroke="#28aadc" stroke-width="1.2" opacity="0.48"/>
            <circle cx="162" cy="130" r="54" fill="none" stroke="#1880c0" stroke-width="0.9" opacity="0.28"/>
            <circle cx="162" cy="130" r="72" fill="none" stroke="#0e5898" stroke-width="0.7" opacity="0.14"/>
            <circle cx="162" cy="130" r="93" fill="none" stroke="#083870" stroke-width="0.5" opacity="0.07"/>

            <line x1="162" y1="118" x2="162" y2="80" stroke="#4ae3ff" stroke-width="0.8" opacity="0.38"/>
            <line x1="162" y1="142" x2="162" y2="180" stroke="#4ae3ff" stroke-width="0.8" opacity="0.38"/>

            <line x1="172" y1="121" x2="194" y2="96" stroke="#4ae3ff" stroke-width="0.6" opacity="0.22"/>
            <line x1="152" y1="121" x2="130" y2="96" stroke="#4ae3ff" stroke-width="0.6" opacity="0.22"/>
            <line x1="172" y1="139" x2="194" y2="164" stroke="#4ae3ff" stroke-width="0.6" opacity="0.22"/>
            <line x1="152" y1="139" x2="130" y2="164" stroke="#4ae3ff" stroke-width="0.6" opacity="0.22"/>

            <line x1="176" y1="130" x2="204" y2="130" stroke="#4ae3ff" stroke-width="0.6" opacity="0.18"/>
            <line x1="148" y1="130" x2="120" y2="130" stroke="#4ae3ff" stroke-width="0.6" opacity="0.18"/>
          </g>

          <line x1="36" y1="130" x2="152" y2="130" stroke="#4ae3ff" stroke-width="1.1" opacity="0.45" stroke-dasharray="5,3"/>

          <rect x="76" y="103" width="368" height="54" fill="url(#mc)" rx="1"/>
          <rect x="76" y="103" width="368" height="9" rx="1" fill="white" opacity="0.07"/>

          <line x1="76" y1="117" x2="444" y2="117" stroke="#2e2e2e" stroke-width="0.55"/>
          <line x1="76" y1="130" x2="444" y2="130" stroke="#2e2e2e" stroke-width="0.55"/>
          <line x1="76" y1="143" x2="444" y2="143" stroke="#2e2e2e" stroke-width="0.55"/>

          <rect x="76" y="103" width="368" height="54" fill="none" stroke="#C8960C" stroke-width="1.6" rx="1"/>
          <rect x="76" y="103" width="368" height="54" fill="none" stroke="#E8B320" stroke-width="0.4" rx="1" opacity="0.35"/>

          <rect x="58" y="53" width="404" height="22" fill="url(#cfp)"/>
          <line x1="58" y1="53" x2="462" y2="53" stroke="#777" stroke-width="1.4"/>
          <rect x="58" y="54" width="404" height="3" fill="white" opacity="0.05"/>
          <line x1="58" y1="75" x2="462" y2="75" stroke="#3a3a3a" stroke-width="0.8"/>

          <rect x="58" y="185" width="404" height="22" fill="url(#cfp)"/>
          <line x1="58" y1="185" x2="462" y2="185" stroke="#3a3a3a" stroke-width="0.8"/>
          <line x1="58" y1="207" x2="462" y2="207" stroke="#777" stroke-width="1.4"/>

          <rect x="36" y="53" width="22" height="154" fill="url(#ec)" stroke="#4a4a4a" stroke-width="1"/>
          <line x1="41" y1="53" x2="41" y2="207" stroke="#5a5a5a" stroke-width="0.5"/>
          <line x1="47" y1="53" x2="47" y2="207" stroke="#333" stroke-width="0.3"/>

          <rect x="462" y="53" width="22" height="154" fill="url(#ec)" stroke="#4a4a4a" stroke-width="1"/>
          <line x1="470" y1="53" x2="470" y2="207" stroke="#5a5a5a" stroke-width="0.5"/>
          <line x1="476" y1="53" x2="476" y2="207" stroke="#333" stroke-width="0.3"/>

          <rect x="8" y="103" width="28" height="54" fill="#111" stroke="#C8960C" stroke-width="0.8"/>

          <line x1="9" y1="109" x2="36" y2="109" stroke="#C8960C" stroke-width="0.5" opacity="0.6"/>
          <line x1="9" y1="115" x2="36" y2="115" stroke="#C8960C" stroke-width="0.5" opacity="0.6"/>
          <line x1="9" y1="121" x2="36" y2="121" stroke="#C8960C" stroke-width="0.5" opacity="0.6"/>
          <line x1="9" y1="127" x2="36" y2="127" stroke="#C8960C" stroke-width="0.5" opacity="0.6"/>
          <line x1="9" y1="133" x2="36" y2="133" stroke="#C8960C" stroke-width="0.5" opacity="0.6"/>
          <line x1="9" y1="139" x2="36" y2="139" stroke="#C8960C" stroke-width="0.5" opacity="0.6"/>
          <line x1="9" y1="145" x2="36" y2="145" stroke="#C8960C" stroke-width="0.5" opacity="0.6"/>
          <line x1="9" y1="151" x2="36" y2="151" stroke="#C8960C" stroke-width="0.5" opacity="0.6"/>

          <text x="1" y="113" font-size="7" fill="#4ae3ff" font-family="Rajdhani,sans-serif" font-weight="700" letter-spacing="1">IMPULSE</text>

          <line x1="1" y1="130" x2="9" y2="130" stroke="#4ae3ff" stroke-width="2.2" marker-end="url(#ab)"/>

          <path d="M1 119 Q3 116 5 119 Q7 122 9 119" stroke="#4ae3ff" stroke-width="0.9" fill="none" opacity="0.5"/>
          <path d="M1 141 Q3 138 5 141 Q7 144 9 141" stroke="#4ae3ff" stroke-width="0.9" fill="none" opacity="0.5"/>

          <circle cx="462" cy="64" r="2" fill="#666"/>
          <line x1="462" y1="64" x2="490" y2="44" stroke="#555" stroke-width="0.6"/>
          <line x1="490" y1="44" x2="655" y2="44" stroke="#555" stroke-width="0.6"/>
          <text x="493" y="41" font-size="8" fill="#777" font-family="Rajdhani,sans-serif" font-weight="600" letter-spacing="1.2">CARBON FIBER OUTER TUBE</text>

          <circle cx="462" cy="87" r="2" fill="#3a8ad4"/>
          <line x1="462" y1="87" x2="490" y2="80" stroke="#3a8ad4" stroke-width="0.6"/>
          <line x1="490" y1="80" x2="655" y2="80" stroke="#3a8ad4" stroke-width="0.6"/>
          <text x="493" y="77" font-size="8" fill="#6ab8f0" font-family="Rajdhani,sans-serif" font-weight="700" letter-spacing="1.2">NEAR NON-NEWTONIAN FLUID</text>

          <circle cx="462" cy="130" r="2" fill="#C8960C"/>
          <line x1="462" y1="130" x2="490" y2="120" stroke="#C8960C" stroke-width="0.8"/>
          <line x1="490" y1="120" x2="655" y2="120" stroke="#C8960C" stroke-width="0.8"/>
          <text x="493" y="117" font-size="8" fill="#E8B320" font-family="Rajdhani,sans-serif" font-weight="700" letter-spacing="1.2">FREE-FLOATING INNER CORE</text>

          <circle cx="462" cy="195" r="2" fill="#555"/>
          <line x1="462" y1="195" x2="490" y2="166" stroke="#555" stroke-width="0.6"/>
          <line x1="490" y1="166" x2="655" y2="166" stroke="#555" stroke-width="0.6"/>
          <text x="493" y="163" font-size="8" fill="#777" font-family="Rajdhani,sans-serif" font-weight="600" letter-spacing="1.2">PRECISION END CAPS</text>

          <circle cx="22" cy="103" r="2" fill="#555"/>
          <line x1="22" y1="103" x2="22" y2="82" stroke="#555" stroke-width="0.6"/>
          <line x1="22" y1="82" x2="90" y2="82" stroke="#555" stroke-width="0.6"/>
          <text x="14" y="78" font-size="7.5" fill="#666" font-family="Rajdhani,sans-serif" font-weight="600" letter-spacing="1">BOW MOUNT</text>

          <rect x="502" y="175" width="148" height="75" fill="#0a0a0a" stroke="#222" stroke-width="0.8"/>

          <text x="576" y="182" text-anchor="middle" font-size="7" fill="#555" font-family="Rajdhani,sans-serif" letter-spacing="2">CROSS SECTION</text>

          <circle cx="576" cy="213" r="28" fill="url(#cfp)" stroke="#555" stroke-width="1.2"/>
          <circle cx="576" cy="213" r="21" fill="url(#fr)"/>
          <circle cx="576" cy="213" r="12" fill="url(#cr)" stroke="#C8960C" stroke-width="1.1"/>
          <ellipse cx="571" cy="208" rx="4" ry="2.5" fill="white" opacity="0.09"/>

        </svg>

      </div>

      <p class="tech-diagram-caption">
        FIG. 1 — Longitudinal cross-section reference · USPTO #64/015,281 · Patent Pending SOG-001
      </p>

    </div>

    <div class="tech-features">

      <p class="section-eyebrow">The Science</p>

      <h2 class="section-title">Engineered Isolation</h2>

      <p class="section-sub">
        Every competitor's stabilizer couples its components — when the bow moves, everything moves together.
        VibraCore breaks that coupling entirely.
      </p>

      <div class="tech-feature">
        <span class="feature-num">01</span>

        <div class="feature-content">
          <h3>Suspended Inner Core</h3>
          <p>
            The internal mass element is truly free-floating inside the outer housing — suspended in a near
            non-Newtonian fluid, completely unattached along its length. Mechanically isolated, it lags behind
            the outer tube when an impulse hits, creating the relative motion that drives dissipation.
          </p>
        </div>
      </div>

      <div class="tech-feature">
        <span class="feature-num">02</span>

        <div class="feature-content">
          <h3>360° Damping Medium</h3>
          <p>
            The annular gap between core and housing is filled with a precision-tuned damping medium.
            When relative motion occurs between core and housing, the medium shears — dissipating vibrational
            energy from the inside out rather than attempting to manage it at the surface like conventional designs.
          </p>
        </div>
      </div>

      <div class="tech-feature">
        <span class="feature-num">03</span>

        <div class="feature-content">
          <h3>Multi-Axis Attenuation</h3>
          <p>
            Because the medium surrounds the core on all sides, energy dissipation is not limited to a single plane.
            Radial, axial, and torsional vibration components are addressed simultaneously at the moment of arrow release.
          </p>
        </div>
      </div>

    </div>

  </section>

</div>
```

### Full CSS

```css
/* =========================================================
   01 — GLOBAL RESET
========================================================= */

.vibracore-page,
.vibracore-page *,
.vibracore-page *::before,
.vibracore-page *::after {
  box-sizing: border-box;
}


/* =========================================================
   02 — DESIGN VARIABLES
========================================================= */

:root {
  --vc-gold: #C8960C;
  --vc-gold-light: #E8B320;
  --vc-gold-dim: #8A6408;

  --vc-black: #080808;
  --vc-black-2: #111111;
  --vc-black-3: #1A1A1A;
  --vc-black-4: #222222;

  --vc-white: #F4F2EE;
  --vc-white-dim: #A8A49E;

  --vc-border-gold: rgba(200,150,12,0.25);
  --vc-border-soft: rgba(255,255,255,0.07);
}


/* =========================================================
   03 — PAGE FOUNDATION
========================================================= */

.vibracore-page {
  font-family: 'Rajdhani', sans-serif;
  background-color: var(--vc-black);
  color: var(--vc-white);
  overflow-x: hidden;
  line-height: 1.6;
}


/* =========================================================
   04 — HERO SECTION SHELL
========================================================= */

.vibracore-page .vc-cta-section {
  position: relative;
  isolation: isolate;
  overflow: hidden;

  display: flex;
  align-items: center;
  justify-content: center;

  min-height: auto;

  background: var(--vc-black);

  padding: 120px 24px 70px;

  text-align: center;
}

/* =========================================================
   HERO FADE INTO NEXT SECTION
========================================================= */

.vibracore-page .vc-cta-section::after {
  content: '';

  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 180px;

  background: linear-gradient(
    to bottom,
    rgba(8,8,8,0) 0%,
    rgba(8,8,8,0.35) 35%,
    rgba(8,8,8,0.75) 72%,
    rgba(17,17,17,1) 100%
  );

  pointer-events: none;
  z-index: 0;
}

/* =========================================================
   04.1 — HERO BACKGROUND GRID
========================================================= */

.vibracore-page .vc-cta-bg-grid {
  position: absolute;
  inset: 0;
  z-index: 0;

  background-image:

    linear-gradient(
      rgba(200,150,12,0.045) 1px,
      transparent 1px
    ),

    linear-gradient(
      90deg,
      rgba(200,150,12,0.045) 1px,
      transparent 1px
    ),

    radial-gradient(
      circle at center,
      rgba(255,255,255,0.025) 0%,
      transparent 65%
    );

  background-size:
    72px 72px,
    72px 72px,
    100% 100%;

  mask-image: radial-gradient(
    ellipse 85% 75% at 50% 42%,
    black 35%,
    transparent 100%
  );

  opacity: .52;
}

/* =========================================================
   04.2 — HERO BACKGROUND GLOW
========================================================= */

.vibracore-page .vc-cta-bg-glow {
  position: absolute;
  top: 42%;
  left: 50%;
  z-index: 0;

  transform: translate(-50%, -50%);

  width: 1400px;
  height: 900px;

  background:
    radial-gradient(
      ellipse at center,
      rgba(200,150,12,0.09) 0%,
      rgba(200,150,12,0.035) 28%,
      rgba(200,150,12,0.02) 48%,
      transparent 72%
    );

  filter: blur(10px);

  pointer-events: none;
}

/* =========================================================
   04.3 — HERO TOP / BOTTOM GOLD RULES
========================================================= */

.vibracore-page .vc-cta-rule-top,
.vibracore-page .vc-cta-rule-bottom {
  position: absolute;
  left: 0;
  right: 0;

  height: 1px;

  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(200,150,12,0.15) 18%,
    var(--vc-gold) 42%,
    var(--vc-gold-light) 50%,
    var(--vc-gold) 58%,
    rgba(200,150,12,0.15) 82%,
    transparent 100%
  );

  opacity: 0.9;
}

.vibracore-page .vc-cta-rule-top {
  top: 0;
}

.vibracore-page .vc-cta-rule-bottom {
  bottom: 0;
}

/* =========================================================
   04.4 — HERO INNER WIDTH
========================================================= */

.vibracore-page .vc-cta-inner {
  position: relative;
  z-index: 1;

  max-width: 1180px;
  margin: 0 auto;

  text-align: center;
}


/* =========================================================
   05 — HERO PATENT EYEBROW
========================================================= */

.vibracore-page .vc-cta-eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;

  gap: 34px;

  margin-bottom: 30px;
}

.vibracore-page .vc-cta-eyebrow-line {
  display: block;

  width: 140px;
  height: 2px;

  background: linear-gradient(
    90deg,
    transparent,
    var(--vc-gold)
  );
}

.vibracore-page .vc-cta-eyebrow-line:last-child {
  background: linear-gradient(
    90deg,
    var(--vc-gold),
    transparent
  );
}

.vibracore-page .vc-cta-eyebrow-text {
  font-family: 'Rajdhani', sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1;

  letter-spacing: 0.18em;
  text-transform: uppercase;

  color: var(--vc-gold);
}
/* =========================================================
   HERO BRAND KICKER
========================================================= */

.vibracore-page .vc-brand-kicker {
  margin: 0 0 18px;

  font-family: 'Rajdhani', sans-serif;
  font-size: clamp(18px, 2vw, 28px);
  font-weight: 800;
  line-height: 1;

  letter-spacing: 0.24em;
  text-transform: uppercase;

  color: var(--vc-white);
}

/* =========================================================
   06 — HERO MAIN HEADING
========================================================= */

.vibracore-page .vc-cta-heading {
  margin: 0 0 10px;

  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(120px, 18vw, 260px);
  font-weight: 400;
  line-height: 0.78;
  letter-spacing: 0.03em;
  text-transform: uppercase;

  color: var(--vc-white);
}

.vibracore-page .vc-cta-heading-gold {
  position: relative;
  display: inline-block;

  color: var(--vc-gold);
}

.vibracore-page .vc-cta-heading-gold::after {
  content: '';

  position: absolute;
  left: 0;
  bottom: -4px;

  width: 100%;
  height: 2px;

  background: linear-gradient(
    90deg,
    var(--vc-gold),
    var(--vc-gold-light),
    var(--vc-gold)
  );

  opacity: 0.5;
}


/* =========================================================
   07 — HERO SUBTITLE
========================================================= */

.vibracore-page .hero-sub {
  margin: 0px 0 34px;

  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(26px, 3vw, 46px);
  font-weight: 400;
  line-height: 1;

  letter-spacing: 0.10em;
  text-transform: uppercase;

  color: rgba(255,255,255,0.72);

  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}


/* =========================================================
   08 — HERO DESCRIPTION
========================================================= */

.vibracore-page .hero-desc {
  max-width: 920px;

  margin: 0 auto 48px;

  text-align: center;

  font-family: 'Rajdhani', sans-serif;
  font-size: clamp(22px, 1.7vw, 34px);
  font-weight: 500;
  line-height: 1.65;
  letter-spacing: 0.01em;

  color: rgba(255,255,255,0.68);
}

/* =========================================================
   08.1 — HERO FOOTNOTE
========================================================= */

.vibracore-page .hero-footnote {
  display: block;

  margin-top: 16px;

  font-size: 0.68em;
  line-height: 1.4;

  letter-spacing: 0.14em;
  text-transform: uppercase;

  color: rgba(232,179,32,0.78);

  opacity: 1;
}

/* =========================================================
   08.1A — HERO FOOTNOTE MOBILE
========================================================= */

@media (max-width: 640px) {

  .vibracore-page .hero-footnote {
    margin-top: 18px;

    font-size: 0.82em;
    line-height: 1.45;

    letter-spacing: 0.10em;

    color: rgba(255,255,255,0.82);
  }

}


/* =========================================================
   09.1 — PRIMARY BUTTON
========================================================= */

.vibracore-page .vc-btn-primary {
  position: relative;
  overflow: hidden;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;

  min-width: 300px;

  padding: 22px 42px;

  font-family: 'Rajdhani', sans-serif;
  font-size: 16px;
  font-weight: 800;

  letter-spacing: 0.18em;
  text-transform: uppercase;
  text-decoration: none;

  color: var(--vc-black);
  background: var(--vc-gold);
  border: 1px solid var(--vc-gold);

  transition:
    color 0.3s ease,
    border-color 0.3s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.vibracore-page .vc-btn-primary:hover {
  transform: translateY(-2px);

  box-shadow:
    0 0 30px rgba(200,150,12,0.22),
    0 0 60px rgba(200,150,12,0.10);
}

.vibracore-page .vc-btn-primary-bg {
  position: absolute;
  inset: 0;

  background: var(--vc-gold-light);

  transform: scaleX(0);
  transform-origin: left;

  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.vibracore-page .vc-btn-primary:hover .vc-btn-primary-bg {
  transform: scaleX(1);
}

.vibracore-page .vc-btn-primary-text,
.vibracore-page .vc-btn-primary .vc-btn-arrow {
  position: relative;
  z-index: 1;
}

.vibracore-page .vc-btn-primary .vc-btn-arrow {
  width: 20px;
  height: 20px;

  transition: transform 0.25s ease;
}

.vibracore-page .vc-btn-primary:hover .vc-btn-arrow {
  transform: translateX(5px);
}

/* =========================================================
   09.2 — SECONDARY BUTTON
========================================================= */

.vibracore-page .vc-btn-ghost {
  position: relative;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;

  min-width: 300px;

  padding: 21px 42px;

  font-family: 'Rajdhani', sans-serif;
  font-size: 16px;
  font-weight: 800;

  letter-spacing: 0.18em;
  text-transform: uppercase;
  text-decoration: none;

  color: var(--vc-white-dim);
  background: rgba(255,255,255,0.02);

  border: 1px solid rgba(200,150,12,0.35);

  transition:
    color 0.3s ease,
    border-color 0.3s ease,
    background 0.3s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.vibracore-page .vc-btn-ghost:hover {
  color: var(--vc-white);

  border-color: rgba(200,150,12,0.7);

  background: rgba(200,150,12,0.06);

  transform: translateY(-2px);

  box-shadow:
    0 0 30px rgba(200,150,12,0.12),
    0 0 60px rgba(200,150,12,0.05);
}

.vibracore-page .vc-btn-ghost .vc-btn-arrow {
  width: 20px;
  height: 20px;

  transition: transform 0.25s ease;
}

.vibracore-page .vc-btn-ghost:hover .vc-btn-arrow {
  transform: translateX(5px);
}


/* =========================================================
   10 — HERO STAT CHIPS
========================================================= */

.vibracore-page .vc-cta-chips {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: nowrap;

  width: 100%;
  max-width: 1280px;

  margin: 0 auto;

  border-top: 1px solid rgba(200,150,12,0.14);

  padding-top: 42px;
}

.vibracore-page .vc-chip {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  min-width: 240px;

  gap: 10px;

  padding: 0 42px;
}

.vibracore-page .vc-chip-val {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(52px, 4vw, 72px);
  line-height: 0.9;

  letter-spacing: 0.03em;

  color: var(--vc-gold);
}

.vibracore-page .vc-chip-label {
  font-family: 'Rajdhani', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;

  letter-spacing: 0.22em;
  text-transform: uppercase;
  white-space: nowrap;

  color: rgba(255,255,255,0.72);
}

.vibracore-page .vc-chip-divider {
  flex-shrink: 0;

  width: 1px;
  height: 72px;

  margin-top: auto;
  margin-bottom: auto;

  background: rgba(200,150,12,0.18);
}
/* =========================================================
   10.1 — SAFE INFINITY SYMBOL FONT
========================================================= */

.vibracore-page .vc-infinity-symbol {
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  line-height: 0.9 !important;
}
/* =========================================================
   10.2 — INFINITY TEXT FALLBACK
========================================================= */

.vibracore-page .vc-infinity-text {
  font-family: 'Bebas Neue', Arial, Helvetica, sans-serif !important;
  font-size: clamp(38px, 3.4vw, 56px) !important;
  line-height: 0.95 !important;
  letter-spacing: 0.04em !important;
  color: var(--vc-gold) !important;
}

/* =========================================================
   11 — FULL STATS BAR
========================================================= */

.vibracore-page .stats-bar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);

  background: var(--vc-black-2);

  border-top: 1px solid var(--vc-border-gold);
  border-bottom: 1px solid var(--vc-border-gold);

  padding: 40px 60px;
}

.vibracore-page .stat-item {
  text-align: center;

  padding: 0 20px;

  border-right: 1px solid var(--vc-border-soft);
}

.vibracore-page .stat-item:last-child {
  border-right: none;
}

.vibracore-page .stat-number {
  margin-bottom: 6px;

  font-family: 'Bebas Neue', sans-serif;
  font-size: 48px;
  line-height: 1;

  color: var(--vc-gold);
}

.vibracore-page .stat-label {
  font-size: 12px;
  font-weight: 600;

  letter-spacing: 3px;
  text-transform: uppercase;

  color: var(--vc-white-dim);
}


/* =========================================================
   12 — SHARED SECTION LABELS / TITLES / INTRO COPY
========================================================= */

.vibracore-page .section-eyebrow {
  margin: 0 0 22px;

  font-family: 'Rajdhani', sans-serif;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;

  letter-spacing: 0.26em;
  text-transform: uppercase;

  color: var(--vc-gold);
}

.vibracore-page .section-title {
  margin: 0 0 24px;

  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(42px, 5.2vw, 78px);
  font-weight: 400;
  line-height: 0.95;

  letter-spacing: 3px;
  text-transform: uppercase;

  color: var(--vc-white);
}

.vibracore-page .section-sub {
  max-width: 760px;

  margin: 0 0 30px;

  font-family: 'Rajdhani', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: 0.01em;

  color: rgba(255,255,255,0.68);
}

/* =========================================================
   13 — TECHNOLOGY SECTION
========================================================= */

.vibracore-page .tech-section {
  display: grid;
  grid-template-columns: 1fr;

  gap: 42px;

  padding: 30px 60px 100px;

  background: var(--vc-black-2);
}

/* =========================================================
   13.1 — TECHNOLOGY DIAGRAM
========================================================= */

.vibracore-page .tech-diagram {
  position: relative;

  width: 100%;
}

.vibracore-page .tech-diagram-label {
  margin: 0 0 18px;

  font-family: 'Rajdhani', sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1;

  letter-spacing: 0.32em;
  text-transform: uppercase;

  color: var(--vc-gold);
}

.vibracore-page .tech-visual {
  position: relative;
  overflow: hidden;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  aspect-ratio: 16 / 7.5;

  padding: 18px 24px;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,0.018) 0%,
      rgba(255,255,255,0.008) 100%
    );

  border: 1px solid rgba(200,150,12,0.10);

  box-shadow:
    0 0 40px rgba(0,0,0,0.35),
    inset 0 0 40px rgba(255,255,255,0.015);
}

.vibracore-page .tech-visual::before {
  content: "";

  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      90deg,
      rgba(200,150,12,0.02) 0%,
      transparent 18%,
      transparent 82%,
      rgba(200,150,12,0.02) 100%
    );

  pointer-events: none;
}

.vibracore-page .tech-visual svg {
  position: relative;
  z-index: 2;

  width: 100%;
  height: 100%;

  filter:
    drop-shadow(0 0 24px rgba(200,150,12,0.10));
}

.vibracore-page .tech-diagram-caption {
  margin: 14px 0 0;

  font-family: 'Rajdhani', sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.5;

  letter-spacing: 0.18em;
  text-transform: uppercase;

  color: rgba(255,255,255,0.34);
}

/* =========================================================
   13.2 — TECHNOLOGY FEATURES
========================================================= */

.vibracore-page .tech-features {
  max-width: 1100px;
 margin: 0 auto;

  display: flex;
  flex-direction: column;

  gap: 34px;
}

.vibracore-page .tech-feature {
  display: flex;
  align-items: flex-start;

  gap: 26px;
}

.vibracore-page .feature-num {
  min-width: 52px;

  font-family: 'Bebas Neue', sans-serif;
  font-size: 64px;
  line-height: 0.9;

  letter-spacing: 1px;

  color: var(--vc-gold);

  opacity: 0.7;
}

.vibracore-page .feature-content {
  max-width: 760px;
}

.vibracore-page .feature-content h3 {
  margin: 0 0 10px;

  font-family: 'Bebas Neue', sans-serif;
  font-size: 34px;
  line-height: 1;

  letter-spacing: 3px;
  text-transform: uppercase;

  color: var(--vc-white);
}

.vibracore-page .feature-content p {
  margin: 0;

  max-width: 820px;

  font-family: 'Rajdhani', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.85;
  letter-spacing: 0.01em;

  color: rgba(255,255,255,0.68);
}

.vibracore-page .feature-num-gold {
  color: var(--vc-gold);
}

.vibracore-page .feature-num-blue {
  color: #3a8ad4;
}

.vibracore-page .feature-num-white {
  color: rgba(255,255,255,0.55);
}
/* =========================================================
   14 — RESPONSIVE / TABLET
========================================================= */

@media (max-width: 1024px) {

  .vibracore-page .vc-cta-inner {
    max-width: 860px;
  }

  .vibracore-page .stats-bar {
    grid-template-columns: repeat(2, 1fr);

    padding: 40px 30px;
  }

  .vibracore-page .stat-item:nth-child(2) {
    border-right: none;
  }

  .vibracore-page .tech-section {
    grid-template-columns: 1fr;

    gap: 48px;

    padding: 80px 30px;
  }

}


/* =========================================================
   15 — RESPONSIVE / MOBILE
========================================================= */

@media (max-width: 640px) {

/* =========================================================
   15.1 — MOBILE HERO SHELL
========================================================= */

  .vibracore-page .vc-cta-section {
    padding: 44px 12px 44px;
    min-height: auto;
    overflow: hidden;
  }

  .vibracore-page .vc-cta-inner {
    width: 100%;
    max-width: 100%;
    overflow: visible;
  }

/* =========================================================
   15.2 — MOBILE HERO EYEBROW
========================================================= */

  .vibracore-page .vc-cta-eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 6px;
    margin-bottom: 18px;

    width: 100%;
    max-width: 100%;
  }

  .vibracore-page .vc-cta-eyebrow-line {
    display: none;
  }

  .vibracore-page .vc-cta-eyebrow-text {
    display: block;
    max-width: 100%;

    font-size: 11px;
    line-height: 1.25;

    letter-spacing: 0.08em;
    white-space: normal;
    text-align: center;

    color: #E8B320;
  }

/* =========================================================
   15.3 — MOBILE BRAND KICKER
========================================================= */

  .vibracore-page .vc-brand-kicker {
    margin-bottom: 12px;

    font-size: 15px;
    line-height: 1.15;
    letter-spacing: 0.14em;
  }

/* =========================================================
   15.4 — MOBILE HERO HEADLINE
========================================================= */

  .vibracore-page .vc-cta-heading {
    display: block;

    width: 100%;
    max-width: 100%;

    margin: 0 auto 14px;

    font-size: clamp(54px, 17vw, 76px);
    line-height: 0.92;
    letter-spacing: 0.005em;

    text-align: center;
    overflow-wrap: normal;
    word-break: normal;
  }

  .vibracore-page .vc-cta-heading-gold {
    display: block;
    max-width: 100%;
  }

  .vibracore-page .vc-cta-heading-gold::after {
    bottom: -2px;
  }
/* =========================================================
   15.5 — MOBILE HERO COPY
========================================================= */

  .vibracore-page .hero-sub {
    width: 100%;
    max-width: 100%;

    margin: 0 auto 22px;

    font-size: clamp(20px, 5.6vw, 27px);
    line-height: 1.12;
    letter-spacing: 0.045em;

    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
  }

  .vibracore-page .hero-desc {
    width: 100%;
    max-width: 100%;

    margin: 0 auto 34px;

    font-size: 17px;
    line-height: 1.45;

    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
  }

  .vibracore-page .hero-desc .hero-footnote,
  .vibracore-page .hero-footnote {
    display: block;

    width: 100%;
    max-width: 100%;

    color: #E8B320 !important;
    opacity: 1 !important;

    font-size: 0.88em !important;
    line-height: 1.45 !important;
    letter-spacing: 0.055em !important;

    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

/* =========================================================
   15.6 — MOBILE HERO BUTTONS
========================================================= */

  .vibracore-page .vc-cta-buttons {
    flex-direction: column;
    align-items: stretch;

    gap: 14px;

    margin-bottom: 38px;
  }

  .vibracore-page .vc-btn-primary,
  .vibracore-page .vc-btn-ghost {
    width: 100%;
    min-width: 0;

    padding: 18px 18px;

    font-size: 14px;
    letter-spacing: 0.11em;
  }

/* =========================================================
   15.7 — MOBILE STAT CHIPS
========================================================= */

  .vibracore-page .vc-cta-chips {
    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 18px 10px;

    padding-top: 28px;
  }

  .vibracore-page .vc-chip {
    min-width: 0;
    padding: 0 4px;
  }

  .vibracore-page .vc-chip-val {
    font-size: 40px;
  }

  .vibracore-page .vc-chip-label {
    font-size: 10px;
    line-height: 1.25;

    letter-spacing: 0.09em;
    white-space: normal;
  }

  .vibracore-page .vc-chip-divider {
    display: none;
  }

/* =========================================================
   15.8 — MOBILE TECHNOLOGY SECTION
========================================================= */

  .vibracore-page .tech-section {
    padding: 44px 14px 64px;
    gap: 36px;
  }

  .vibracore-page .tech-visual {
    aspect-ratio: 1 / 1;
    padding: 8px;
  }

  .vibracore-page .tech-diagram-caption {
    font-size: 9px;
    letter-spacing: 0.1em;
  }

/* =========================================================
   15.9 — MOBILE SECTION COPY
========================================================= */

  .vibracore-page .section-title {
    font-size: 44px;
    line-height: 0.95;
  }

  .vibracore-page .section-sub,
  .vibracore-page .feature-content p {
    font-size: 17px;
    line-height: 1.65;
  }

/* =========================================================
   15.10 — MOBILE FEATURE BLOCKS
========================================================= */

  .vibracore-page .tech-feature {
    gap: 14px;
  }

  .vibracore-page .feature-num {
    min-width: 38px;
    font-size: 46px;
  }

  .vibracore-page .feature-content h3 {
    font-size: 28px;
    letter-spacing: 2px;
  }
/* =========================================================
   15.11 — MOBILE EYEBROW FORCE OVERRIDE
========================================================= */

  .vibracore-page .vc-cta-eyebrow {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 6px !important;
    margin-bottom: 22px !important;

    width: 100% !important;
    max-width: 100% !important;
  }

  .vibracore-page .vc-cta-eyebrow-line {
    display: none !important;
  }

  .vibracore-page .vc-cta-eyebrow-text {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    font-size: 15px !important;
    line-height: 1.3 !important;

    letter-spacing: 0.055em !important;

    color: #E8B320 !important;

    white-space: normal !important;
    text-align: center !important;
  }
    .vibracore-page .vc-brand-kicker {
    font-size: 18px !important;
    line-height: 1.15 !important;

    letter-spacing: 0.18em !important;

    margin-bottom: 18px !important;

    color: rgba(255,255,255,0.95) !important;
  }
 /* =========================================================
   15.12 — MOBILE HARD BRIGHTNESS OVERRIDE
========================================================= */

  .vibracore-page {
    filter: brightness(1.18) contrast(1.06);
  }

  .vibracore-page .hero-desc,
  .vibracore-page .section-sub,
  .vibracore-page .feature-content p {
    color: #F4F2EE !important;
  }

  .vibracore-page .hero-sub,
  .vibracore-page .vc-brand-kicker,
  .vibracore-page .vc-cta-eyebrow-text {
    color: #FFFFFF !important;
  }

  .vibracore-page .vc-cta-heading-gold,
  .vibracore-page .vc-chip-val,
  .vibracore-page .feature-num,
  .vibracore-page .hero-footnote {
    color: #E8B320 !important;
  }
 /* =========================================================
   15.13 — MOBILE INFINITY TEXT FALLBACK
========================================================= */

  .vibracore-page .vc-infinity-text {
    font-size: 30px !important;
    line-height: 1 !important;
    letter-spacing: 0.04em !important;
  }
 /* =========================================================
   15.14 — MOBILE CTA BUTTON CENTERING
========================================================= */

  .vibracore-page .vc-cta-buttons,
  .vibracore-page .bottom-cta,
  .vibracore-page .cta-footer,
  .vibracore-page .vc-bottom-button-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .vibracore-page .vc-btn-primary,
  .vibracore-page .vc-btn-ghost {
    margin-left: auto !important;
    margin-right: auto !important;

}

/* =========================================================
   16 — DESKTOP BOTTOM CTA CENTERING
========================================================= */

.vibracore-page .vc-bottom-cta-buttons {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;

  width: 100% !important;
  max-width: 100% !important;

  margin-left: auto !important;
  margin-right: auto !important;

  text-align: center !important;
}

.vibracore-page .vc-bottom-cta-buttons .vc-btn-primary {
  display: inline-flex !important;

  margin-left: auto !important;
  margin-right: auto !important;
}/* End custom CSS */