.elementor-5149 .elementor-element.elementor-element-172871c{--display:flex;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--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-5149 .elementor-element.elementor-element-4319da1{width:100%;max-width:100%;}.elementor-5149 .elementor-element.elementor-element-4319da1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5149 .elementor-element.elementor-element-4319da1.elementor-element{--align-self:flex-start;}.elementor-5149 .elementor-element.elementor-element-43eea07{--display:flex;--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-5149 .elementor-element.elementor-element-4191ef8 > .elementor-widget-container{margin:0px 0px 0px -52px;}.elementor-5149 .elementor-element.elementor-element-da525b9{--display:flex;}.elementor-5149 .elementor-element.elementor-element-6bb0c69{width:100%;max-width:100%;}.elementor-5149 .elementor-element.elementor-element-6bb0c69 > .elementor-widget-container{box-shadow:57px 5px 21px -2px rgba(217.29896697998046, 172.77182944003223, 19.161281191577057, 0.81);}.elementor-5149 .elementor-element.elementor-element-2b81108{--display:flex;}.elementor-5149 .elementor-element.elementor-element-2e3b858{width:100%;max-width:100%;}.elementor-5149 .elementor-element.elementor-element-2e3b858 > .elementor-widget-container{background-color:var( --e-global-color-68584fe4 );}.elementor-5149 .elementor-element.elementor-element-5cf526c{--divider-border-style:double;--divider-color:#F3AA05;--divider-border-width:6.1px;}.elementor-5149 .elementor-element.elementor-element-5cf526c .elementor-divider-separator{width:100%;}.elementor-5149 .elementor-element.elementor-element-5cf526c .elementor-divider{padding-block-start:18px;padding-block-end:18px;}.elementor-5149 .elementor-element.elementor-element-448881e{--display:flex;}.elementor-5149 .elementor-element.elementor-element-8e23a8d > .elementor-widget-container{margin:0px 0px -14px 0px;}.elementor-5149 .elementor-element.elementor-element-8e23a8d{text-align:center;}.elementor-5149 .elementor-element.elementor-element-8e23a8d .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;font-size:58px;line-height:20px;letter-spacing:-0.6px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-5149 .elementor-element.elementor-element-20815f4{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5149 .elementor-element.elementor-element-03dd1d2 > .elementor-widget-container{border-style:solid;}.elementor-5149 .elementor-element.elementor-element-03dd1d2 .pricing-box-content{width:100%;}.elementor-5149 .elementor-element.elementor-element-03dd1d2 .rt-pricing-box-1{background-color:#000000;}.elementor-5149 .elementor-element.elementor-element-03dd1d2 .rt-vc-pricing-box-2{background-color:#000000;}.elementor-5149 .elementor-element.elementor-element-03dd1d2 .rt-features{color:var( --e-global-color-67a16b7a );}.elementor-5149 .elementor-element.elementor-element-03dd1d2 .rtin-features{color:var( --e-global-color-67a16b7a );}.elementor-5149 .elementor-element.elementor-element-03dd1d2 .rt-title{color:#FFF;}.elementor-5149 .elementor-element.elementor-element-03dd1d2 .rtin-title{color:#FFF;}.elementor-5149 .elementor-element.elementor-element-b00da06 > .elementor-widget-container{border-style:solid;}.elementor-5149 .elementor-element.elementor-element-b00da06 .pricing-box-content{width:100%;}.elementor-5149 .elementor-element.elementor-element-b00da06 .rt-pricing-box-1{background-color:#000000;}.elementor-5149 .elementor-element.elementor-element-b00da06 .rt-vc-pricing-box-2{background-color:#000000;}.elementor-5149 .elementor-element.elementor-element-b00da06 .rt-features{color:#FFFFFF;}.elementor-5149 .elementor-element.elementor-element-b00da06 .rtin-features{color:#FFFFFF;}.elementor-5149 .elementor-element.elementor-element-b00da06 .rt-title{color:var( --e-global-color-67a16b7a );}.elementor-5149 .elementor-element.elementor-element-b00da06 .rtin-title{color:var( --e-global-color-67a16b7a );}.elementor-5149 .elementor-element.elementor-element-761c746 > .elementor-widget-container{border-style:solid;}.elementor-5149 .elementor-element.elementor-element-761c746 .pricing-box-content{width:100%;}.elementor-5149 .elementor-element.elementor-element-761c746 .rt-pricing-box-1{background-color:var( --e-global-color-68584fe4 );}.elementor-5149 .elementor-element.elementor-element-761c746 .rt-vc-pricing-box-2{background-color:var( --e-global-color-68584fe4 );}.elementor-5149 .elementor-element.elementor-element-761c746 .rt-features{color:#FFFFFF;}.elementor-5149 .elementor-element.elementor-element-761c746 .rtin-features{color:#FFFFFF;}.elementor-5149 .elementor-element.elementor-element-761c746 .rt-title{color:#FFFFFF;}.elementor-5149 .elementor-element.elementor-element-761c746 .rtin-title{color:#FFFFFF;}.elementor-5149 .elementor-element.elementor-element-19e4f6f{--spacer-size:50px;}.elementor-5149 .elementor-element.elementor-element-e9d7822{--display:flex;}.elementor-5149 .elementor-element.elementor-element-d161b01{--divider-border-style:double;--divider-color:#F3AA05;--divider-border-width:6.1px;}.elementor-5149 .elementor-element.elementor-element-d161b01 .elementor-divider-separator{width:100%;}.elementor-5149 .elementor-element.elementor-element-d161b01 .elementor-divider{padding-block-start:18px;padding-block-end:18px;}.elementor-5149 .elementor-element.elementor-element-d360727 > .elementor-widget-container{margin:0px 0px -14px 0px;}.elementor-5149 .elementor-element.elementor-element-d360727{text-align:center;}.elementor-5149 .elementor-element.elementor-element-d360727 .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;font-size:58px;line-height:20px;letter-spacing:-0.6px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-5149 .elementor-element.elementor-element-29ce771{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5149 .elementor-element.elementor-element-71db6ad > .elementor-widget-container{border-style:solid;}.elementor-5149 .elementor-element.elementor-element-71db6ad .pricing-box-content{width:100%;}.elementor-5149 .elementor-element.elementor-element-71db6ad .rt-pricing-box-1{background-color:#000000;}.elementor-5149 .elementor-element.elementor-element-71db6ad .rt-vc-pricing-box-2{background-color:#000000;}.elementor-5149 .elementor-element.elementor-element-71db6ad .rt-features{color:var( --e-global-color-67a16b7a );}.elementor-5149 .elementor-element.elementor-element-71db6ad .rtin-features{color:var( --e-global-color-67a16b7a );}.elementor-5149 .elementor-element.elementor-element-71db6ad .rt-title{color:#FFF;}.elementor-5149 .elementor-element.elementor-element-71db6ad .rtin-title{color:#FFF;}.elementor-5149 .elementor-element.elementor-element-603745b > .elementor-widget-container{border-style:solid;}.elementor-5149 .elementor-element.elementor-element-603745b .pricing-box-content{width:100%;}.elementor-5149 .elementor-element.elementor-element-603745b .rt-pricing-box-1{background-color:#000000;}.elementor-5149 .elementor-element.elementor-element-603745b .rt-vc-pricing-box-2{background-color:#000000;}.elementor-5149 .elementor-element.elementor-element-603745b .rt-features{color:#FFFFFF;}.elementor-5149 .elementor-element.elementor-element-603745b .rtin-features{color:#FFFFFF;}.elementor-5149 .elementor-element.elementor-element-603745b .rt-title{color:var( --e-global-color-67a16b7a );}.elementor-5149 .elementor-element.elementor-element-603745b .rtin-title{color:var( --e-global-color-67a16b7a );}.elementor-5149 .elementor-element.elementor-element-da93b82 > .elementor-widget-container{border-style:solid;}.elementor-5149 .elementor-element.elementor-element-da93b82 .pricing-box-content{width:100%;}.elementor-5149 .elementor-element.elementor-element-da93b82 .rt-pricing-box-1{background-color:var( --e-global-color-68584fe4 );}.elementor-5149 .elementor-element.elementor-element-da93b82 .rt-vc-pricing-box-2{background-color:var( --e-global-color-68584fe4 );}.elementor-5149 .elementor-element.elementor-element-da93b82 .rt-features{color:#FFFFFF;}.elementor-5149 .elementor-element.elementor-element-da93b82 .rtin-features{color:#FFFFFF;}.elementor-5149 .elementor-element.elementor-element-da93b82 .rt-title{color:#FFFFFF;}.elementor-5149 .elementor-element.elementor-element-da93b82 .rtin-title{color:#FFFFFF;}.elementor-5149 .elementor-element.elementor-element-0f54064{--display:flex;}.elementor-5149 .elementor-element.elementor-element-dd9acbd > .elementor-widget-container{background-color:var( --e-global-color-68584fe4 );margin:-13px -13px -13px -13px;padding:25px 25px 25px 25px;}.elementor-5149 .elementor-element.elementor-element-dd9acbd .elementor-swiper-button.elementor-swiper-button-prev, .elementor-5149 .elementor-element.elementor-element-dd9acbd .elementor-swiper-button.elementor-swiper-button-next{font-size:20px;}.elementor-5149 .elementor-element.elementor-element-9529e4a{--display:flex;--overlay-opacity:0.5;border-style:solid;--border-style:solid;box-shadow:22px 27px 30px 34px rgba(243.93230895996092, 197.99948448581026, 39.53957127571106, 0.5);}.elementor-5149 .elementor-element.elementor-element-9529e4a::before, .elementor-5149 .elementor-element.elementor-element-9529e4a > .elementor-background-video-container::before, .elementor-5149 .elementor-element.elementor-element-9529e4a > .e-con-inner > .elementor-background-video-container::before, .elementor-5149 .elementor-element.elementor-element-9529e4a > .elementor-background-slideshow::before, .elementor-5149 .elementor-element.elementor-element-9529e4a > .e-con-inner > .elementor-background-slideshow::before, .elementor-5149 .elementor-element.elementor-element-9529e4a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}body.elementor-page-5149:not(.elementor-motion-effects-element-type-background), body.elementor-page-5149 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-68584fe4 );}@media(max-width:1024px){.elementor-5149 .elementor-element.elementor-element-20815f4{--grid-auto-flow:row;}.elementor-5149 .elementor-element.elementor-element-29ce771{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-5149 .elementor-element.elementor-element-20815f4{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5149 .elementor-element.elementor-element-29ce771{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-4319da1 */.jg-hero-visual {
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6bb0c69 */.elementor-5149 .elementor-element.elementor-element-6bb0c69 {
  position: relative;
  min-height: 92vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #0a0a0a;
  background-image: 
    radial-gradient(ellipse at 20% 50%, rgba(212,160,23,0.12) 0%, transparent 60%),
    radial-gradient(ellipse at 80% 20%, rgba(212,160,23,0.07) 0%, transparent 50%),
    linear-gradient(180deg, #0a0a0a 0%, #111 50%, #0a0a0a 100%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-172871c */.jg-hero-visual{
    overflow: hidden
}/* End custom CSS */
/* Start custom CSS *//* ============================================================
   JANJIRA GYM - Custom Page CSS
   Paste this into: Elementor > Page Settings > Custom CSS
   OR: Appearance > Customize > Additional CSS
   
   NOTE: Also add this line to your theme's <head> for fonts:
   <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow+Condensed:wght@400;600;700&family=Barlow:wght@300;400;500&display=swap" rel="stylesheet">
   Or add it via Elementor > Custom Fonts or a plugin like OMGF.
   ============================================================ */

  /* ===== RESET & BASE ===== */
  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

  :root {
    --gold: #D4A017;
    --gold-light: #F5C842;
    --gold-dark: #A07810;
    --black: #0a0a0a;
    --dark: #111111;
    --dark2: #1a1a1a;
    --white: #f0ede8;
    --gray: #888;
  }

  body {
    background: var(--black);
    color: var(--white);
    font-family: "Arial", sans-serif;
    overflow-x: hidden;
  }

  /* ===== HERO SECTION ===== */
  .jg-hero {
    position: relative;
    min-height: 92vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: var(--black);
  }

  .jg-hero-bg {
    position: absolute;
    inset: 0;
    background: 
      radial-gradient(ellipse at 20% 50%, rgba(212,160,23,0.12) 0%, transparent 60%),
      radial-gradient(ellipse at 80% 20%, rgba(212,160,23,0.07) 0%, transparent 50%),
      linear-gradient(180deg, #0a0a0a 0%, #111 50%, #0a0a0a 100%);
  }

  /* Diagonal gold accent line */
  .jg-hero-line {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    overflow: hidden;
    pointer-events: none;
  }
  .jg-hero-line::before {
    content: '';
    position: absolute;
    top: -10%;
    left: 55%;
    width: 2px;
    height: 130%;
    background: linear-gradient(180deg, transparent, var(--gold) 30%, var(--gold) 70%, transparent);
    transform: rotate(12deg);
    opacity: 0.3;
  }
  .jg-hero-line::after {
    content: '';
    position: absolute;
    top: -10%;
    left: 58%;
    width: 1px;
    height: 130%;
    background: linear-gradient(180deg, transparent, var(--gold-light) 30%, var(--gold-light) 70%, transparent);
    transform: rotate(12deg);
    opacity: 0.15;
  }

  .jg-hero-content {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    width: 100%;
    padding: 0 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
  }

  .jg-hero-text {
    animation: fadeUp 0.9s ease both;
  }

  .jg-hero-eyebrow {
    font-family: "Arial Narrow", "Arial", sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.35em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .jg-hero-eyebrow::before {
    content: '';
    display: block;
    width: 32px;
    height: 2px;
    background: var(--gold);
  }

  .jg-hero-title {
    font-family: "Impact", "Arial Narrow", sans-serif;
    font-size: clamp(72px, 9vw, 120px);
    line-height: 0.92;
    color: var(--white);
    margin-bottom: 28px;
    letter-spacing: 0.02em;
  }
  .jg-hero-title span {
    color: var(--gold);
    display: block;
  }

  .jg-hero-desc {
    font-size: 17px;
    line-height: 1.7;
    color: rgba(240,237,232,0.65);
    max-width: 440px;
    margin-bottom: 44px;
    font-weight: 300;
  }

  .jg-cta-group {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
  }

  .jg-btn-primary {
    display: inline-block;
    padding: 16px 36px;
    background: var(--gold);
    color: var(--black);
    font-family: "Arial Narrow", "Arial", sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.25s ease;
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
  }
  .jg-btn-primary:hover {
    background: var(--gold-light);
    transform: translateY(-2px);
    box-shadow: 0 12px 40px rgba(212,160,23,0.35);
  }

  .jg-btn-secondary {
    display: inline-block;
    padding: 15px 36px;
    border: 1px solid rgba(212,160,23,0.5);
    color: var(--gold);
    font-family: "Arial Narrow", "Arial", sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.25s ease;
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
  }
  .jg-btn-secondary:hover {
    background: rgba(212,160,23,0.1);
    border-color: var(--gold);
    transform: translateY(-2px);
  }

  .jg-hero-stats {
    display: flex;
    gap: 40px;
    margin-top: 56px;
    padding-top: 40px;
    border-top: 1px solid rgba(255,255,255,0.08);
    animation: fadeUp 0.9s 0.3s ease both;
  }
  .jg-stat-num {
    font-family: "Impact", "Arial Narrow", sans-serif;
    font-size: 42px;
    color: var(--gold);
    line-height: 1;
    letter-spacing: 0.03em;
  }
  .jg-stat-label {
    font-size: 12px;
    color: var(--gray);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-top: 4px;
  }

  /* Hero right image placeholder - replace src with actual gym image */
  .jg-hero-visual {
    position: relative;
    animation: fadeUp 0.9s 0.15s ease both;
  }
  .jg-hero-img-frame {
    position: relative;
    aspect-ratio: 3/4;
    max-height: 580px;
    overflow: hidden;
  }
  .jg-hero-img-frame::before {
    content: '';
    position: absolute;
    inset: -2px;
    background: linear-gradient(135deg, var(--gold) 0%, transparent 50%);
    z-index: 0;
  }
  .jg-hero-img-frame img,
  .jg-hero-img-placeholder {
    position: relative;
    z-index: 1;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    margin: 2px;
    object-fit: cover;
    display: block;
  }
  .jg-hero-img-placeholder {
    background: var(--dark2);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gray);
    font-family: "Arial Narrow", "Arial", sans-serif;
    font-size: 13px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    height: 100%;
  }
  .jg-hero-badge {
    position: absolute;
    bottom: -20px;
    left: 440px;
    z-index: 3;
    background: var(--gold);
    color: var(--black);
    width: 110px;
    height: 110px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: 0 8px 32px rgba(212,160,23,0.4);
  }
  .jg-hero-badge strong {
    font-family: "Impact", "Arial Narrow", sans-serif;
    font-size: 32px;
    line-height: 1;
  }
  .jg-hero-badge span {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    line-height: 1.3;
  }

  /* ===== SECTION UTILITY ===== */
  .jg-section {
    padding: 100px 40px;
    max-width: 1200px;
    margin: 0 auto;
  }

  .jg-section-full {
    padding: 100px 40px;
    background: var(--black);
    background-color: transparent;
  }
  .jg-section-full-inner {
    max-width: 1200px;
    margin: 0 auto;
  }

  .jg-section-label {
    font-family: "Arial Narrow", "Arial", sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.4em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .jg-section-label::before {
    content: '';
    display: block;
    width: 24px;
    height: 2px;
    background: var(--gold);
  }

  .jg-section-title {
    font-family: "Impact", "Arial Narrow", sans-serif;
    font-size: clamp(48px, 6vw, 80px);
    line-height: 1;
    color: var(--white);
    letter-spacing: 0.02em;
    margin-bottom: 48px;
  }

  /* ===== CLASSES SECTION ===== */
  .jg-classes-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
  }

  .jg-class-card {
    position: relative;
    aspect-ratio: 5/6;
    overflow: hidden;
    cursor: pointer;
    group: true;
  }

  .jg-class-card-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease;
  }
  .jg-class-card:hover .jg-class-card-bg {
    transform: scale(1.06);
  }

  /* Colored overlays per card */
  .jg-class-card:nth-child(1) .jg-class-card-bg { background-color: #000000; background-image: linear-gradient(45deg, #1c1208, #2d1f0a); }
  .jg-class-card:nth-child(2) .jg-class-card-bg { background-color: #000000; background-image: linear-gradient(45deg, #0f0f0f, #1a1a1a); }
  .jg-class-card:nth-child(3) .jg-class-card-bg { background-color: #0a0f14; background-image: linear-gradient(45deg, #0a0f14, #0f1820); }

  .jg-class-card-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.3) 60%, transparent 100%);
    transition: opacity 0.4s ease;
  }
  .jg-class-card:hover .jg-class-card-overlay {
    opacity: 0.95;
  }

  .jg-class-card-content {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    padding: 32px;
    transform: translateY(8px);
    transition: transform 0.4s ease;
  }
  .jg-class-card:hover .jg-class-card-content {
    transform: translateY(0);
  }

  .jg-class-icon {
    font-size: 28px;
    margin-bottom: 12px;
    display: block;
  }
  .jg-class-name {
    font-family: "Impact", "Arial Narrow", sans-serif;
    font-size: 36px;
    line-height: 1;
    color: var(--white);
    margin-bottom: 10px;
    letter-spacing: 0.05em;
  }
  .jg-class-desc {
    font-size: 14px;
    color: rgba(240,237,232,0.6);
    line-height: 1.6;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.4s ease;
    opacity: 0;
  }
  .jg-class-card:hover .jg-class-desc {
    max-height: 120px;
    opacity: 1;
  }

  .jg-class-tag {
    display: inline-block;
    margin-top: 16px;
    padding: 5px 14px;
    background: var(--gold);
    color: var(--black);
    font-family: "Arial Narrow", "Arial", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.4s 0.1s ease, opacity 0.4s 0.1s ease;
  }
  .jg-class-card:hover .jg-class-tag {
    max-height: 40px;
    opacity: 1;
  }

  /* ===== PRICING SECTION ===== */
  .jg-pricing-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 60px;
  }

  .jg-price-card {
    position: relative;
    padding: 40px 32px;
    border: 1px solid rgba(255,255,255,0.07);
    background: var(--dark2);
    transition: all 0.3s ease;
    overflow: hidden;
  }
  .jg-price-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: var(--gold);
    transform: scaleX(0);
    transition: transform 0.3s ease;
  }
  .jg-price-card:hover {
    border-color: rgba(212,160,23,0.3);
    transform: translateY(-6px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
  }
  .jg-price-card:hover::before {
    transform: scaleX(1);
  }

  .jg-price-card.featured {
    border-color: var(--gold);
    background: linear-gradient(135deg, #1a1400 0%, #0d0d0d 100%);
  }
  .jg-price-card.featured::before {
    transform: scaleX(1);
  }
  .jg-price-card.featured::after {
    content: 'POPULAR';
    position: absolute;
    top: 20px; right: -28px;
    background: var(--gold);
    color: var(--black);
    font-family: "Arial Narrow", "Arial", sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.2em;
    padding: 5px 40px;
    transform: rotate(45deg);
  }

  .jg-price-tier {
    font-family: "Arial Narrow", "Arial", sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 20px;
  }

  .jg-price-amount {
    font-family: "Impact", "Arial Narrow", sans-serif;
    font-size: 72px;
    color: var(--white);
    line-height: 1;
    letter-spacing: 0.02em;
  }
  .jg-price-amount sup {
    font-size: 28px;
    vertical-align: super;
    color: var(--gold);
  }
  .jg-price-period {
    font-size: 13px;
    color: var(--gray);
    margin-top: 4px;
    margin-bottom: 28px;
    letter-spacing: 0.05em;
  }

  .jg-price-divider {
    height: 1px;
    background: rgba(255,255,255,0.07);
    margin-bottom: 28px;
  }

  .jg-price-features {
    list-style: none;
    margin-bottom: 36px;
  }
  .jg-price-features li {
    font-size: 15px;
    color: rgba(240,237,232,0.7);
    padding: 8px 0;
    padding-left: 24px;
    position: relative;
    border-bottom: 1px solid rgba(255,255,255,0.04);
  }
  .jg-price-features li:last-child { border-bottom: none; }
  .jg-price-features li::before {
    content: '→';
    position: absolute;
    left: 0;
    color: var(--gold);
    font-size: 14px;
  }

  .jg-price-note {
    font-size: 12px;
    color: var(--gray);
    margin-top: -20px;
    margin-bottom: 28px;
    font-style: italic;
  }

  /* ===== VIDEO SECTION ===== */
  .jg-video-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 48px;
  }
  .jg-video-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 3px;
  }
  .jg-video-item {
    position: relative;
    aspect-ratio: 16/10;
    background: var(--dark2);
    overflow: hidden;
    cursor: pointer;
  }
  .jg-video-item:first-child {
    grid-row: 1 / 3;
    aspect-ratio: unset;
  }
  .jg-video-play {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.4);
    transition: background 0.3s ease;
  }
  .jg-video-item:hover .jg-video-play {
    background: rgba(0,0,0,0.2);
  }
  .jg-play-btn {
    width: 54px;
    height: 54px;
    border: 2px solid var(--gold);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    background: rgba(212,160,23,0.15);
  }
  .jg-video-item:hover .jg-play-btn {
    background: var(--gold);
    box-shadow: 0 0 30px rgba(212,160,23,0.5);
    transform: scale(1.1);
  }
  .jg-play-btn svg {
    fill: var(--gold);
    width: 18px;
    height: 18px;
    margin-left: 3px;
    transition: fill 0.3s;
  }
  .jg-video-item:hover .jg-play-btn svg {
    fill: var(--black);
  }
  .jg-video-label {
    position: absolute;
    bottom: 14px;
    left: 16px;
    font-family: "Arial Narrow", "Arial", sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.15em;
    color: rgba(240,237,232,0.5);
    text-transform: uppercase;
  }

  /* Placeholder backgrounds for video thumbnails */
  .jg-video-item:nth-child(1) { background: linear-gradient(135deg, #1a0f00, #0d0d0d); }
  .jg-video-item:nth-child(2) { background: linear-gradient(135deg, #0d0d0d, #111); }
  .jg-video-item:nth-child(3) { background: linear-gradient(135deg, #111, #0a0a0a); }
  .jg-video-item:nth-child(4) { background: linear-gradient(135deg, #0a0a0a, #141414); }
  .jg-video-item:nth-child(5) { background: linear-gradient(135deg, #141414, #0d0d0d); }

  /* ===== MARQUEE / TICKER ===== */
  .jg-marquee-wrap {
    overflow: hidden;
    padding: 22px 0;
    background: var(--gold);
    border-top: 1px solid var(--gold-dark);
    border-bottom: 1px solid var(--gold-dark);
  }
  .jg-marquee-track {
    display: flex;
    gap: 0;
    animation: marquee 22s linear infinite;
    width: max-content;
  }
  .jg-marquee-item {
    font-family: "Impact", "Arial Narrow", sans-serif;
    font-size: 20px;
    color: var(--black);
    letter-spacing: 0.15em;
    white-space: nowrap;
    padding: 0 32px;
  }
  .jg-marquee-sep {
    color: var(--gold-dark);
    padding: 0 8px;
  }

  /* ===== VISION / ABOUT STRIP ===== */
  .jg-about-strip {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
    padding: 100px 40px;
    max-width: 1200px;
    margin: 0 auto;
  }
  .jg-about-text p {
    font-size: 17px;
    line-height: 1.9;
    color: rgba(240,237,232,0.65);
    font-weight: 300;
    margin-bottom: 24px;
  }
  .jg-about-quote {
    font-family: "Impact", "Arial Narrow", sans-serif;
    font-size: clamp(40px, 5vw, 64px);
    line-height: 1.05;
    color: var(--white);
    border-left: 3px solid var(--gold);
    padding-left: 28px;
  }
  .jg-about-quote em {
    color: var(--gold);
    font-style: normal;
  }

  /* ===== ANIMATIONS ===== */
  @keyframes fadeUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
  }
  @keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
  }

  /* ===== RESPONSIVE ===== */
  @media (max-width: 900px) {
    .jg-hero-content { grid-template-columns: 1fr; }
    .jg-hero-visual { display: none; }
    .jg-classes-grid { grid-template-columns: 1fr; }
    .jg-pricing-grid { grid-template-columns: 1fr; }
    .jg-video-grid { grid-template-columns: 1fr 1fr; }
    .jg-video-item:first-child { grid-row: auto; }
    .jg-about-strip { grid-template-columns: 1fr; gap: 40px; }
    .jg-section { padding: 60px 24px; }
    .jg-section-full { padding: 60px 24px; }
  }/* End custom CSS */