@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap');

/* ==========================================
   DESIGN SYSTEM & GLOBAL VARIABLES
   ========================================== */
:root {
   --bg-primary: #030303;
   --bg-secondary: #08080A;
   --accent: #00E5FF;
   /* Infinity Cyan */
   --accent-secondary: #00FFD1;
   /* Mint Green */
   --accent-blue: #0099FF;
   --text-primary: #FFFFFF;
   --text-muted: rgba(255, 255, 255, 0.65);
   --text-subtle: rgba(255, 255, 255, 0.45);
   --border-color: rgba(255, 255, 255, 0.14);
   --border-color-hover: rgba(0, 229, 255, 0.45);
   --font-primary: 'Inter', sans-serif;
   --font-heading: 'Manrope', sans-serif;

   /* True frosted-glass tokens */
   --glass-bg:
      linear-gradient(155deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.04) 42%, rgba(0, 229, 255, 0.05) 100%),
      rgba(12, 18, 28, 0.42);
   --glass-bg-hover:
      linear-gradient(155deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.06) 42%, rgba(0, 229, 255, 0.08) 100%),
      rgba(14, 22, 34, 0.52);
   --glass-border: rgba(255, 255, 255, 0.16);
   --glass-border-hover: rgba(0, 229, 255, 0.42);
   --glass-blur: blur(28px) saturate(180%);
   --glass-shadow:
      0 18px 48px rgba(0, 0, 0, 0.45),
      0 0 0 1px rgba(255, 255, 255, 0.04),
      inset 0 1px 0 rgba(255, 255, 255, 0.28),
      inset 0 -1px 0 rgba(255, 255, 255, 0.04);
   --glass-shadow-hover:
      0 24px 56px rgba(0, 0, 0, 0.5),
      0 0 36px rgba(0, 229, 255, 0.1),
      0 0 0 1px rgba(0, 229, 255, 0.12),
      inset 0 1px 0 rgba(255, 255, 255, 0.38),
      inset 0 -1px 0 rgba(255, 255, 255, 0.06);

   /* Legacy aliases */
   --surface-card: transparent;
   --surface-card-hover: transparent;
}

body,
html {
   background-color: var(--bg-primary) !important;
   color: var(--text-primary) !important;
   font-family: var(--font-primary) !important;
   scroll-behavior: smooth;
   overflow-x: hidden;

   /* Subtle radial light source at top and tech grid background pattern */
   background-image:
      radial-gradient(circle at 50% 0%, rgba(0, 229, 255, 0.05) 0%, transparent 60%),
      linear-gradient(rgba(255, 255, 255, 0.007) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 255, 255, 0.007) 1px, transparent 1px) !important;
   background-size: 100% 100%, 56px 56px, 56px 56px !important;
}

.page-wrapper {
   background-color: transparent !important;
   font-family: var(--font-primary) !important;
}

/* Scrollbar Overrides */
::-webkit-scrollbar {
   width: 6px;
}

::-webkit-scrollbar-track {
   background: var(--bg-primary);
}

::-webkit-scrollbar-thumb {
   background: rgba(255, 255, 255, 0.1);
   border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
   background: rgba(255, 255, 255, 0.25);
}

/* Typography Overrides */
h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: var(--font-heading) !important;
   letter-spacing: -0.03em !important;
   color: var(--text-primary) !important;
   font-weight: 700 !important;
}

p {
   font-family: var(--font-primary) !important;
   color: var(--text-muted) !important;
   font-size: 0.95rem;
   line-height: 1.65;
}

.preloader {
   background-color: var(--bg-primary) !important;
   color: var(--text-primary) !important;
}

.page-three {
   background-color: transparent !important;
}

/* ==========================================
   NAVIGATION BAR (STYLISH BLUR)
   ========================================== */
header.header-tertiary {
   background: rgba(3, 3, 3, 0.75) !important;
   backdrop-filter: blur(20px) !important;
   -webkit-backdrop-filter: blur(20px) !important;
   border-bottom: 1px solid var(--border-color) !important;
   position: fixed !important;
   top: 0 !important;
   width: 100% !important;
   z-index: 999 !important;
   padding: 14px 0 !important;
   transition: all 0.3s ease !important;
}

.navbar-logo a {
   display: flex !important;
   align-items: center !important;
}

.navbar-logo img {
   height: 60ddddpx !important;
   width: auto !important;
}

.navbar__list {
   gap: 20px !important;
}

.navbar__item a {
   font-family: var(--font-primary) !important;
   font-size: 0.85rem !important;
   font-weight: 500 !important;
   color: var(--text-muted) !important;
   text-transform: none !important;
   letter-spacing: normal !important;
   padding: 6px 14px !important;
   border-radius: 9999px !important;
   transition: all 0.2s ease !important;
   position: relative !important;
}

.navbar__item a:hover {
   color: var(--text-primary) !important;
   background: rgba(255, 255, 255, 0.05) !important;
}

.navbar__item a::after {
   display: none !important;
   /* Hide old underline */
}

/* Navbar CTA Buttons */
.navbar__options .btn--primary,
.mobile-menu__cta .btn--primary,
.btn--primary {
   display: inline-flex !important;
   align-items: center !important;
   justify-content: center !important;
   background: linear-gradient(135deg, var(--accent) 0%, var(--accent-blue) 100%) !important;
   border: none !important;
   color: #030303 !important;
   padding: 9px 20px !important;
   font-size: 0.85rem !important;
   font-weight: 700 !important;
   border-radius: 9999px !important;
   transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
   text-transform: none !important;
   text-decoration: none !important;
   box-shadow: 0 4px 16px rgba(0, 229, 255, 0.22) !important;
}

.navbar__options .btn--primary:hover,
.mobile-menu__cta .btn--primary:hover,
.btn--primary:hover {
   transform: translateY(-1px) scale(1.02) !important;
   box-shadow: 0 8px 28px rgba(0, 229, 255, 0.4) !important;
   color: #030303 !important;
}

.btn--ghost,
.navbar__options .btn--ghost,
.mobile-menu__cta .btn--ghost {
   display: inline-flex !important;
   align-items: center !important;
   justify-content: center !important;
   background: rgba(255, 255, 255, 0.03) !important;
   border: 1px solid rgba(255, 255, 255, 0.12) !important;
   color: var(--text-primary) !important;
   padding: 9px 18px !important;
   font-size: 0.85rem !important;
   font-weight: 600 !important;
   border-radius: 9999px !important;
   transition: all 0.25s ease !important;
   text-decoration: none !important;
}

.btn--ghost:hover,
.navbar__options .btn--ghost:hover,
.mobile-menu__cta .btn--ghost:hover {
   background: rgba(255, 255, 255, 0.08) !important;
   border-color: rgba(255, 255, 255, 0.22) !important;
   color: var(--text-primary) !important;
}

.open-offcanvas-nav span {
   background-color: var(--text-primary) !important;
}

.mobile-menu {
   background: rgba(3, 3, 3, 0.98) !important;
   backdrop-filter: blur(20px) !important;
   -webkit-backdrop-filter: blur(20px) !important;
   border-left: 1px solid var(--border-color) !important;
   max-width: 320px !important;
}

.mobile-menu__header {
   border-bottom: 1px solid var(--border-color) !important;
   padding: 24px 20px !important;
}

.mobile-menu__header .logo img {
   height: 32px !important;
   width: auto !important;
}

.close-mobile-menu i {
   color: var(--text-primary) !important;
   font-size: 24px;
}

.mobile-menu__list a {
   font-family: var(--font-primary) !important;
   color: var(--text-muted) !important;
   font-size: 1.05rem !important;
   padding: 14px 24px !important;
   border-bottom: 1px solid rgba(255, 255, 255, 0.03) !important;
   transition: color 0.2s ease, padding-left 0.2s ease !important;
}

.mobile-menu__list a:hover {
   color: var(--text-primary) !important;
   padding-left: 30px !important;
}

/* ==========================================
   SHARED SECTION TYPOGRAPHY
   ========================================== */
.badge-premium {
   display: inline-flex !important;
   align-items: center !important;
   font-family: var(--font-primary) !important;
   font-size: 0.72rem !important;
   font-weight: 700 !important;
   letter-spacing: 0.12em !important;
   text-transform: uppercase !important;
   color: var(--accent) !important;
   background: rgba(0, 229, 255, 0.08) !important;
   border: 1px solid rgba(0, 229, 255, 0.22) !important;
   padding: 0.4rem 0.9rem !important;
   border-radius: 9999px !important;
   margin-bottom: 1rem !important;
}

.section-heading,
.section__header .section-heading,
.work__content .section-heading,
.conversation .section-heading,
.offer .section-heading {
   font-family: var(--font-heading) !important;
   font-size: clamp(1.85rem, 3.5vw, 2.6rem) !important;
   font-weight: 800 !important;
   letter-spacing: -0.03em !important;
   color: var(--text-primary) !important;
   background: none !important;
   -webkit-text-fill-color: unset !important;
   margin: 0 0 0.85rem !important;
   line-height: 1.15 !important;
}

.section-lead {
   font-family: var(--font-primary) !important;
   font-size: 1.05rem !important;
   line-height: 1.7 !important;
   color: var(--text-muted) !important;
   margin: 0 0 1.75rem !important;
}

.section-lead.mx-auto {
   margin-left: auto !important;
   margin-right: auto !important;
}

/* ==========================================
   HERO SECTION — BRAND-FIRST COMPOSITION
   ========================================== */
.hero-three {
   position: relative !important;
   background: transparent !important;
   padding-top: 120px !important;
   padding-bottom: 80px !important;
   min-height: 100vh !important;
   display: flex !important;
   align-items: center !important;
   overflow: hidden !important;
}

.hero-three .container {
   position: relative !important;
   z-index: 3 !important;
   height: auto !important;
   display: block !important;
}

.hero-three__row,
.hero-three .row {
   display: flex !important;
   flex-direction: row !important;
   flex-wrap: wrap !important;
   align-items: center !important;
   justify-content: space-between !important;
   text-align: left !important;
   height: auto !important;
}

.hero-overlay1,
.hero-overlay {
   position: absolute !important;
   inset: 0 !important;
   z-index: 1 !important;
   pointer-events: none !important;
}

.hero-overlay {
   background:
      radial-gradient(ellipse 70% 55% at 70% 40%, rgba(0, 229, 255, 0.08) 0%, transparent 60%),
      radial-gradient(ellipse 50% 40% at 20% 80%, rgba(0, 153, 255, 0.05) 0%, transparent 55%) !important;
   opacity: 1 !important;
}

#video-background {
   position: absolute !important;
   inset: 0 !important;
   opacity: 0.14 !important;
   mix-blend-mode: screen !important;
   overflow: hidden !important;
}

#video-background #hero-image,
#hero-image {
   width: 100% !important;
   height: 100% !important;
   object-fit: cover !important;
   min-height: 100vh !important;
}

.hero-three__content {
   text-align: left !important;
   align-items: flex-start !important;
   display: block !important;
   height: auto !important;
   position: relative !important;
   z-index: 2 !important;
   padding-top: 1rem !important;
}

.hero-brand {
   font-family: var(--font-heading) !important;
   font-size: clamp(2.4rem, 5.5vw, 3.75rem) !important;
   font-weight: 800 !important;
   letter-spacing: -0.04em !important;
   line-height: 1 !important;
   margin: 0 0 1rem !important;
   background: linear-gradient(120deg, #FFFFFF 20%, var(--accent) 55%, var(--accent-blue) 100%) !important;
   -webkit-background-clip: text !important;
   -webkit-text-fill-color: transparent !important;
   background-clip: text !important;
   animation: heroBrandIn 0.9s cubic-bezier(0.16, 1, 0.3, 1) both !important;
}

.hero-headline {
   font-family: var(--font-heading) !important;
   font-size: clamp(1.35rem, 2.6vw, 1.85rem) !important;
   font-weight: 600 !important;
   line-height: 1.35 !important;
   letter-spacing: -0.02em !important;
   color: rgba(255, 255, 255, 0.88) !important;
   background: none !important;
   -webkit-text-fill-color: unset !important;
   margin: 0 0 1rem !important;
   max-width: 520px !important;
   animation: heroFadeUp 0.85s 0.12s cubic-bezier(0.16, 1, 0.3, 1) both !important;
}

.hero-lead {
   font-family: var(--font-primary) !important;
   font-size: 1.05rem !important;
   color: var(--text-muted) !important;
   line-height: 1.7 !important;
   max-width: 480px !important;
   margin: 0 0 1.75rem !important;
   animation: heroFadeUp 0.85s 0.22s cubic-bezier(0.16, 1, 0.3, 1) both !important;
}

@keyframes heroBrandIn {
   from {
      opacity: 0;
      transform: translateY(18px);
      filter: blur(6px);
   }
   to {
      opacity: 1;
      transform: translateY(0);
      filter: blur(0);
   }
}

@keyframes heroFadeUp {
   from {
      opacity: 0;
      transform: translateY(16px);
   }
   to {
      opacity: 1;
      transform: translateY(0);
   }
}

.hero-three__image {
   position: relative !important;
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   text-align: center !important;
   z-index: 2 !important;
}

.hero-three__image-glow {
   position: absolute !important;
   width: 70% !important;
   height: 70% !important;
   border-radius: 50% !important;
   background: radial-gradient(circle, rgba(0, 229, 255, 0.28) 0%, rgba(0, 153, 255, 0.08) 45%, transparent 70%) !important;
   filter: blur(28px) !important;
   animation: heroGlowPulse 6s ease-in-out infinite !important;
   pointer-events: none !important;
   z-index: 0 !important;
}

@keyframes heroGlowPulse {
   0%, 100% { opacity: 0.55; transform: scale(1); }
   50% { opacity: 0.9; transform: scale(1.08); }
}

.hero-three__image img {
   position: relative !important;
   z-index: 1 !important;
   animation: floatCoin 7s ease-in-out infinite !important;
   max-width: 88% !important;
   filter: drop-shadow(0 24px 56px rgba(0, 229, 255, 0.28)) !important;
}

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

/* Live Price Ticker */
.hero-draft-ticker {
   max-width: 360px !important;
   margin-top: 2rem !important;
   margin-left: 0 !important;
   animation: heroFadeUp 0.85s 0.35s cubic-bezier(0.16, 1, 0.3, 1) both !important;
}

.hero-draft-ticker__inner {
   position: relative !important;
   isolation: isolate !important;
   background: var(--glass-bg) !important;
   border: 1px solid var(--glass-border) !important;
   border-radius: 18px !important;
   backdrop-filter: var(--glass-blur) !important;
   -webkit-backdrop-filter: var(--glass-blur) !important;
   padding: 1.1rem 1.25rem !important;
   box-shadow: var(--glass-shadow) !important;
   overflow: hidden !important;
}

.hero-draft-ticker__row {
   display: flex !important;
   align-items: center !important;
   justify-content: space-between !important;
   gap: 12px !important;
}

.hero-draft-ticker__pair {
   font-family: var(--font-primary) !important;
   color: var(--accent) !important;
   font-weight: 600 !important;
   font-size: 0.75rem !important;
   letter-spacing: 0.06em !important;
}

.hero-draft-ticker__live {
   display: inline-flex !important;
   align-items: center !important;
   gap: 8px !important;
   color: var(--text-primary) !important;
   font-size: 0.7rem !important;
   font-weight: 700 !important;
   letter-spacing: 0.1em !important;
   text-transform: uppercase !important;
}

.hero-draft-ticker__dot {
   width: 7px !important;
   height: 7px !important;
   border-radius: 50% !important;
   background: var(--accent-secondary) !important;
   box-shadow: 0 0 10px rgba(0, 255, 209, 0.85) !important;
   animation: heroDraftPulse 2s ease-in-out infinite !important;
}

@keyframes heroDraftPulse {
   0%, 100% { opacity: 1; transform: scale(1); }
   50% { opacity: 0.55; transform: scale(0.9); }
}

.hero-draft-ticker__price-row {
   margin-top: 0.75rem !important;
   display: flex !important;
   align-items: baseline !important;
   flex-wrap: wrap !important;
   gap: 8px 10px !important;
}

.hero-draft-ticker__currency {
   font-size: 1.5rem !important;
   color: var(--text-muted) !important;
   background: none !important;
   -webkit-text-fill-color: unset !important;
   font-weight: 600 !important;
   font-family: var(--font-heading) !important;
}

.hero-draft-ticker__value {
   font-size: clamp(1.75rem, 3.5vw, 2.15rem) !important;
   font-weight: 800 !important;
   color: var(--text-primary) !important;
   background: none !important;
   -webkit-text-fill-color: unset !important;
   font-family: var(--font-heading) !important;
   font-variant-numeric: tabular-nums !important;
   letter-spacing: -0.02em !important;
   line-height: 1 !important;
   transition: opacity 0.25s ease !important;
}

.hero-draft-ticker__value.is-updating {
   opacity: 0.5 !important;
}

.hero-draft-ticker__trend {
   font-size: 0.78rem !important;
   padding: 3px 9px !important;
   font-weight: 700 !important;
   border-radius: 999px !important;
   line-height: 1 !important;
}

.hero-draft-ticker__trend--up {
   background: rgba(16, 185, 129, 0.12) !important;
   border: 1px solid rgba(16, 185, 129, 0.28) !important;
   color: #10B981 !important;
}

.hero-draft-ticker__trend--down {
   background: rgba(244, 63, 94, 0.12) !important;
   border: 1px solid rgba(244, 63, 94, 0.28) !important;
   color: #F43F5E !important;
}

.hero-draft-ticker__trend--muted {
   background: rgba(255, 255, 255, 0.05) !important;
   border: 1px solid rgba(255, 255, 255, 0.1) !important;
   color: var(--text-subtle) !important;
}

/* Hero CTAs */
.hero-three__cta {
   margin-top: 0 !important;
   margin-bottom: 0 !important;
   display: block !important;
   animation: heroFadeUp 0.85s 0.28s cubic-bezier(0.16, 1, 0.3, 1) both !important;
}

.hero-three__cta .btn-wrapper {
   display: flex !important;
   gap: 12px !important;
   justify-content: flex-start !important;
   flex-wrap: wrap !important;
}

.a-btn {
   display: inline-flex !important;
   align-items: center !important;
   justify-content: center !important;
   padding: 13px 28px !important;
   font-family: var(--font-primary) !important;
   font-size: 0.9375rem !important;
   font-weight: 600 !important;
   border-radius: 9999px !important;
   transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
   text-decoration: none !important;
   text-transform: none !important;
   letter-spacing: normal !important;
   margin-left: 0 !important;
}

.a-btn--primary,
.hero-three__cta .a-btn--primary {
   background: linear-gradient(135deg, var(--accent) 0%, var(--accent-blue) 100%) !important;
   color: #030303 !important;
   font-weight: 700 !important;
   border: none !important;
   box-shadow: 0 4px 20px rgba(0, 229, 255, 0.28) !important;
}

.a-btn--primary:hover,
.hero-three__cta .a-btn--primary:hover {
   transform: translateY(-2px) scale(1.02) !important;
   box-shadow: 0 10px 36px rgba(0, 229, 255, 0.45) !important;
   color: #030303 !important;
}

.a-btn--ghost,
.hero-three__cta .a-btn--ghost {
   background: rgba(255, 255, 255, 0.03) !important;
   border: 1px solid rgba(255, 255, 255, 0.14) !important;
   color: var(--text-primary) !important;
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.a-btn--ghost:hover,
.hero-three__cta .a-btn--ghost:hover {
   background: rgba(255, 255, 255, 0.08) !important;
   border-color: rgba(255, 255, 255, 0.25) !important;
   transform: translateY(-2px) !important;
   color: var(--text-primary) !important;
}

@media (max-width: 991px) {
   .hero-three {
      padding-top: 110px !important;
      padding-bottom: 64px !important;
      min-height: auto !important;
   }

   .hero-three__row,
   .hero-three .row {
      flex-direction: column !important;
      text-align: center !important;
   }

   .hero-three__content {
      text-align: center !important;
      align-items: center !important;
   }

   .hero-brand,
   .hero-headline,
   .hero-lead {
      margin-left: auto !important;
      margin-right: auto !important;
   }

   .hero-draft-ticker {
      margin-left: auto !important;
      margin-right: auto !important;
   }

   .hero-three__cta .btn-wrapper {
      justify-content: center !important;
   }

   .hero-three__image {
      margin-top: 40px !important;
   }
}

/* ==========================================
   SECTION SUBTITLE BADGES OVERHAUL
   ========================================== */
.neutral-top,
.gorditas,
.section__header span,
.team-section .section__header span,
.our-services-section .section__header span {
   font-family: var(--font-primary) !important;
   font-size: 0.75rem !important;
   font-weight: 600 !important;
   text-transform: uppercase !important;
   letter-spacing: 0.15em !important;
   color: var(--accent) !important;
   background: rgba(0, 229, 255, 0.05) !important;
   -webkit-text-fill-color: initial !important;
   border: 1px solid rgba(0, 229, 255, 0.15) !important;
   padding: 4px 14px !important;
   border-radius: 9999px !important;
   display: inline-block !important;
   margin-bottom: 20px !important;
   box-shadow: 0 2px 10px rgba(0, 229, 255, 0.05) !important;
}

/* ==========================================
   INFINITY DRAFT TECHNOLOGY SECTION
   ========================================== */
.infinity-draft-tech {
   background: rgba(8, 8, 10, 0.85) !important;
   padding: 110px 0 !important;
   position: relative;
   border-top: 1px solid rgba(255, 255, 255, 0.08);
   border-bottom: 1px solid rgba(255, 255, 255, 0.08);
   /* backdrop-filter / isolation create stacking contexts that kill mix-blend-mode on the video */
   backdrop-filter: none !important;
   -webkit-backdrop-filter: none !important;
   isolation: auto !important;
}

.infinity-draft-tech__media {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   padding: 1rem !important;
   isolation: auto !important;
   background: transparent !important;
}

.infinity-draft-tech__content h2 {
   font-family: var(--font-heading) !important;
   font-size: clamp(1.85rem, 3.2vw, 2rem) !important;
   font-weight: 800 !important;
   color: var(--text-primary) !important;
   background: none !important;
   -webkit-text-fill-color: unset !important;
   margin: 0 0 1rem !important;
   letter-spacing: -0.03em !important;
   line-height: 1.2 !important;
}

.infinity-draft-tech__content p.text-xl {
   font-family: var(--font-primary) !important;
   color: var(--text-muted) !important;
   font-size: 1.05rem !important;
   line-height: 1.7 !important;
   margin-bottom: 1.75rem !important;
}

.infinity-draft-tech__content h6 {
   font-family: var(--font-heading) !important;
   font-size: 0.85rem !important;
   font-weight: 700 !important;
   color: var(--accent) !important;
   background: none !important;
   -webkit-text-fill-color: unset !important;
   margin-top: 0.5rem !important;
   margin-bottom: 1rem !important;
   text-transform: uppercase;
   letter-spacing: 0.1em;
}

.infinity-draft-highlights {
   list-style: none !important;
   padding: 0 !important;
   margin: 0 !important;
}

.infinity-draft-highlights li,
.mission-list li {
   font-family: var(--font-primary) !important;
   color: var(--text-muted) !important;
   font-size: 0.95rem !important;
   margin-top: 0 !important;
   margin-bottom: 0.85rem !important;
   display: flex !important;
   align-items: flex-start !important;
   gap: 12px !important;
   padding: 0.85rem 1rem !important;
   border-radius: 14px !important;
   background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.03) 100%),
      rgba(10, 16, 24, 0.35) !important;
   border: 1px solid rgba(255, 255, 255, 0.12) !important;
   backdrop-filter: blur(18px) saturate(160%) !important;
   -webkit-backdrop-filter: blur(18px) saturate(160%) !important;
   box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.18),
      0 8px 24px rgba(0, 0, 0, 0.25) !important;
   transition: border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease !important;
}

.infinity-draft-highlights li:hover {
   background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.04) 100%),
      rgba(12, 20, 30, 0.45) !important;
   border-color: rgba(0, 229, 255, 0.35) !important;
   box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.26),
      0 12px 28px rgba(0, 0, 0, 0.3),
      0 0 20px rgba(0, 229, 255, 0.06) !important;
}

.infinity-draft-highlights li i,
.mission-list li i {
   color: var(--accent) !important;
   margin-top: 0.15rem !important;
   font-size: 1rem !important;
   flex-shrink: 0;
}

.infinity-draft-highlights li strong {
   color: var(--text-primary) !important;
}

.infinity-draft-tech__media video {
   display: block !important;
   width: 100% !important;
   height: auto !important;
   max-width: 100% !important;
   background: transparent !important;
   mix-blend-mode: screen !important;
}

/* ==========================================
   ABOUT INFINITYDRAFT SECTION
   ========================================== */
.work {
   background: rgba(3, 3, 3, 0.35) !important;
   padding: 120px 0 !important;
}

.work .container {
   position: relative;
   z-index: 2;
}

.work__content h4.gradient-text {
   font-family: var(--font-heading) !important;
   font-size: 2.5rem !important;
   font-weight: 700 !important;
   color: var(--text-primary) !important;
   background: none !important;
   -webkit-text-fill-color: initial !important;
   margin-bottom: 20px !important;
}

.work__content p.text-xl {
   font-family: var(--font-primary) !important;
   color: var(--text-muted) !important;
   font-size: 1.05rem !important;
   line-height: 1.7 !important;
}

.work__content h6.mission {
   font-family: var(--font-heading) !important;
   font-size: 1.125rem !important;
   font-weight: 600 !important;
   color: var(--text-primary) !important;
   background: none !important;
   -webkit-text-fill-color: initial !important;
   margin-top: 32px !important;
   margin-bottom: 16px !important;
   text-transform: uppercase;
   letter-spacing: 0.05em;
}

.mission-list {
   list-style: none !important;
   padding-left: 0 !important;
}

.work video {
   border-radius: 20px !important;
   border: 1px solid var(--border-color) !important;
   box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5) !important;
   width: 100% !important;
}

/* ==========================================
   OUR FEATURES SECTION
   ========================================== */
.exchange {
   background: rgba(8, 8, 10, 0.5) !important;
   background-image: none !important;
   /* Remove JPG image template */
   padding: 120px 0 !important;
   border-top: 1px solid rgba(255, 255, 255, 0.08);
   border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.exchange .section__header h2.gradient-text {
   font-family: var(--font-heading) !important;
   font-size: 2.5rem !important;
   font-weight: 700 !important;
   color: var(--text-primary) !important;
   background: none !important;
   -webkit-text-fill-color: initial !important;
}

.exchange__single-wrapper {
   height: 100% !important;
}

/* True Glassmorphism Card System */
.exchange__single {
   background: var(--glass-bg) !important;
   border: 1px solid var(--glass-border) !important;
   border-radius: 24px !important;
   padding: 44px 32px !important;
   height: 100% !important;
   display: flex !important;
   flex-direction: column !important;
   align-items: flex-start !important;
   box-shadow: var(--glass-shadow) !important;
   backdrop-filter: var(--glass-blur) !important;
   -webkit-backdrop-filter: var(--glass-blur) !important;
   transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.exchange__single:hover {
   background: var(--glass-bg-hover) !important;
   transform: translateY(-3px) !important;
   border-color: var(--glass-border-hover) !important;
   box-shadow: var(--glass-shadow-hover) !important;
}

.exchange__single .thumb {
   width: 100px !important;
   height: 100px !important;
   margin: 0 auto;
   margin-bottom: 28px !important;
}

.exchange__single .thumb img {
   width: 100% !important;
   height: 100% !important;
   object-fit: contain !important;
}

.exchange__single .content {
   margin-top: 0 !important;
}

.exchange__single .content h5 {
   font-family: var(--font-heading) !important;
   font-size: 1.25rem !important;
   font-weight: 700 !important;
   color: var(--text-primary) !important;
   background: none !important;
   -webkit-text-fill-color: initial !important;
   margin-bottom: 12px !important;
}

.exchange__single .content p {
   font-family: var(--font-primary) !important;
   color: var(--text-muted) !important;
   font-size: 0.9375rem !important;
   line-height: 1.6 !important;
}

/* ==========================================
   HOW IT WORKS / CAPABILITIES SECTION
   ========================================== */
.conversation {
   background: rgba(3, 3, 3, 0.3) !important;
   padding: 120px 0 !important;
}

.conversation .content h2.gradient-text {
   font-family: var(--font-heading) !important;
   font-size: 2.5rem !important;
   font-weight: 700 !important;
   color: var(--text-primary) !important;
   background: none !important;
   -webkit-text-fill-color: initial !important;
}

.conversation .content span.gradient-text {
   color: var(--accent) !important;
   background: none !important;
   -webkit-text-fill-color: initial !important;
   font-family: var(--font-primary) !important;
   font-size: 1.1rem !important;
}

.conversation__single {
   background: var(--glass-bg) !important;
   border: 1px solid var(--glass-border) !important;
   border-radius: 20px !important;
   padding: 28px !important;
   display: flex !important;
   align-items: center !important;
   gap: 20px !important;
   height: 100% !important;
   backdrop-filter: var(--glass-blur) !important;
   -webkit-backdrop-filter: var(--glass-blur) !important;
   transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
   box-shadow: var(--glass-shadow) !important;
}

.conversation__single:hover {
   background: var(--glass-bg-hover) !important;
   transform: translateY(-2px) !important;
   border-color: var(--glass-border-hover) !important;
   box-shadow: var(--glass-shadow-hover) !important;
}

.conversation__single .thumb-wrapper {
   width: 52px !important;
   height: 52px !important;
   flex-shrink: 0 !important;
   background: rgba(255, 255, 255, 0.02) !important;
   border-radius: 12px !important;
   padding: 8px !important;
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
}

.conversation__single .thumb-wrapper img {
   max-width: 100% !important;
   max-height: 100% !important;
   object-fit: contain !important;
}

.conversation__single .content-wrapper {
   flex: 1 !important;
}

.conversation__single .content-single span {
   font-family: var(--font-heading) !important;
   font-size: 1.1rem !important;
   font-weight: 700 !important;
   color: var(--text-primary) !important;
}

.conversation__single p {
   font-family: var(--font-primary) !important;
   color: var(--text-muted) !important;
   font-size: 0.875rem !important;
   line-height: 1.5 !important;
   margin-bottom: 0 !important;
}

/* ==========================================
   CORE FRAMEWORK SECTION
   ========================================== */
.offer {
   background: rgba(8, 8, 10, 0.5) !important;
   background-image: none !important;
   /* Remove JPG framework image */
   padding: 120px 0 !important;
   border-top: 1px solid rgba(255, 255, 255, 0.08);
   border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.offer .section__header h2.gradient-text {
   font-family: var(--font-heading) !important;
   font-size: 2.5rem !important;
   font-weight: 700 !important;
   color: var(--text-primary) !important;
   background: none !important;
   -webkit-text-fill-color: initial !important;
}

.core-framework-row {
   display: grid !important;
   grid-template-columns: repeat(5, 1fr) !important;
   gap: 20px !important;
   background: transparent !important;
   border: none !important;
   padding: 0 !important;
   border-radius: 0 !important;
   backdrop-filter: none !important;
}

.core-box {
   background: var(--glass-bg) !important;
   border: 1px solid var(--glass-border) !important;
   border-radius: 20px !important;
   padding: 32px 24px !important;
   height: 100% !important;
   display: flex !important;
   flex-direction: column !important;
   backdrop-filter: var(--glass-blur) !important;
   -webkit-backdrop-filter: var(--glass-blur) !important;
   transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
   box-shadow: var(--glass-shadow) !important;
}

.core-box:hover {
   background: var(--glass-bg-hover) !important;
   transform: translateY(-2px) !important;
   border-color: var(--glass-border-hover) !important;
   box-shadow: var(--glass-shadow-hover) !important;
}

.core-number {
   font-family: var(--font-heading) !important;
   font-size: 1.75rem !important;
   font-weight: 800 !important;
   color: var(--accent) !important;
   margin-bottom: 16px !important;
   opacity: 1 !important;
}

.core-box h6 {
   font-family: var(--font-heading) !important;
   font-size: 1.05rem !important;
   font-weight: 700 !important;
   color: var(--text-primary) !important;
   background: none !important;
   -webkit-text-fill-color: initial !important;
   margin-bottom: 12px !important;
}

.core-box p {
   font-family: var(--font-primary) !important;
   color: var(--text-muted) !important;
   font-size: 0.875rem !important;
   line-height: 1.55 !important;
}

.offer .left-img {
   display: none !important;
}

@media (max-width: 991px) {
   .core-framework-row {
      grid-template-columns: repeat(2, 1fr) !important;
   }
}

@media (max-width: 575px) {
   .core-framework-row {
      grid-template-columns: 1fr !important;
   }
}

/* ==========================================
   NEXT-GEN SOLUTIONS SECTION
   ========================================== */
.neon-feature-box {
   background: var(--bg-primary) !important;
   padding: 120px 0 !important;
}

.neon-feature-box .section__title h2.gradient-text {
   font-family: var(--font-heading) !important;
   font-size: 2.5rem !important;
   font-weight: 700 !important;
   color: var(--text-primary) !important;
   background: none !important;
   -webkit-text-fill-color: initial !important;
}

.neon-feature-box p.text-center {
   color: var(--text-muted) !important;
   font-size: 1.1rem !important;
   max-width: 600px !important;
   margin: 12px auto 48px !important;
}

.neon-box {
   background: transparent !important;
   border: none !important;
   box-shadow: none !important;
   padding: 0 !important;
   overflow: visible !important;
}

.neon-box::before,
.neon-box::after {
   display: none !important;
}

.feature-grid {
   display: grid !important;
   grid-template-columns: repeat(2, 1fr) !important;
   gap: 24px !important;
}

.f-item {
   background: var(--glass-bg) !important;
   border: 1px solid var(--glass-border) !important;
   border-radius: 20px !important;
   padding: 32px !important;
   max-width: 100% !important;
   margin-bottom: 0 !important;
   display: flex !important;
   gap: 24px !important;
   align-items: flex-start !important;
   backdrop-filter: var(--glass-blur) !important;
   -webkit-backdrop-filter: var(--glass-blur) !important;
   transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
   box-shadow: var(--glass-shadow) !important;
}

.f-item:hover {
   background: var(--glass-bg-hover) !important;
   border-color: var(--glass-border-hover) !important;
   transform: translateY(-3px) !important;
   box-shadow: var(--glass-shadow-hover) !important;
}

.f-item .f-number {
   font-family: var(--font-heading) !important;
   font-size: 3rem !important;
   font-weight: 800 !important;
   color: var(--accent-secondary) !important;
   line-height: 1 !important;
   clip-path: none !important;
   flex-shrink: 0 !important;
}

.f-item .f-content {
   flex: 1 !important;
}

.f-title {
   font-family: var(--font-heading) !important;
   font-size: 1.25rem !important;
   font-weight: 700 !important;
   color: var(--text-primary) !important;
   background: none !important;
   -webkit-text-fill-color: initial !important;
   margin-bottom: 12px !important;
}

.f-item p {
   font-family: var(--font-primary) !important;
   color: var(--text-muted) !important;
   font-size: 0.9375rem !important;
   line-height: 1.6 !important;
}

@media (max-width: 767px) {
   .feature-grid {
      grid-template-columns: 1fr !important;
   }
}

/* ==========================================
   CORE UTILITY OF ECOSYSTEM
   ========================================== */
.InfinityDraft-features-section {
   background: var(--bg-secondary) !important;
   padding: 120px 0 !important;
   border-top: 1px solid var(--border-color);
   border-bottom: 1px solid var(--border-color);
}

.InfinityDraft-features-section .text-center span.gradient-text {
   color: var(--accent) !important;
   background: none !important;
   -webkit-text-fill-color: initial !important;
   font-family: var(--font-primary) !important;
   font-size: 1.1rem !important;
}

.InfinityDraft-features-section .text-center h2.gradient-text {
   font-family: var(--font-heading) !important;
   font-size: 2.5rem !important;
   font-weight: 700 !important;
   color: var(--text-primary) !important;
   background: none !important;
   -webkit-text-fill-color: initial !important;
   margin-bottom: 16px !important;
}

.InfinityDraft-features-section .text-center p.text-xl {
   color: var(--text-muted) !important;
   font-size: 1.1rem !important;
}

.InfinityDraft-feature-wrapper {
   margin-top: 48px !important;
}

.InfinityDraft-feature-card {
   background: var(--glass-bg) !important;
   border: 1px solid var(--glass-border) !important;
   border-radius: 20px !important;
   padding: 36px 28px !important;
   height: 100% !important;
   backdrop-filter: var(--glass-blur) !important;
   -webkit-backdrop-filter: var(--glass-blur) !important;
   transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
   box-shadow: var(--glass-shadow) !important;
}

.InfinityDraft-feature-card:hover {
   background: var(--glass-bg-hover) !important;
   border-color: var(--glass-border-hover) !important;
   transform: translateY(-3px) !important;
   box-shadow: var(--glass-shadow-hover) !important;
}

.InfinityDraft-feature-title {
   font-family: var(--font-heading) !important;
   font-size: 1.2rem !important;
   font-weight: 700 !important;
   color: var(--text-primary) !important;
   background: none !important;
   -webkit-text-fill-color: initial !important;
   margin-bottom: 14px !important;
}

.InfinityDraft-feature-text {
   font-family: var(--font-primary) !important;
   color: var(--text-muted) !important;
   font-size: 0.9375rem !important;
   line-height: 1.6 !important;
}

/* ==========================================
   IDO SALE PHASES SECTION (MINT ACCENTS)
   ========================================== */
.ico-sale-section {
   background-color: var(--bg-primary) !important;
   background-image: none !important;
   /* Remove JPG framework image */
   padding: 120px 0 !important;
}

.ico-sale-header h2 {
   font-family: var(--font-heading) !important;
   font-size: 2.5rem !important;
   font-weight: 700 !important;
   color: var(--text-primary) !important;
   background: none !important;
   -webkit-text-fill-color: initial !important;
}

.ico-sale-header p {
   color: var(--text-muted) !important;
   font-size: 1.1rem !important;
}

.ico-phases-container {
   gap: 24px !important;
   margin-top: 48px !important;
}

.ico-phase-card {
   background: var(--glass-bg) !important;
   border: 1px solid var(--glass-border) !important;
   border-radius: 24px !important;
   padding: 36px 32px !important;
   backdrop-filter: var(--glass-blur) !important;
   -webkit-backdrop-filter: var(--glass-blur) !important;
   box-shadow: var(--glass-shadow) !important;
   transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.ico-phase-card:hover {
   background: var(--glass-bg-hover) !important;
   transform: translateY(-3px) !important;
   border-color: var(--glass-border-hover) !important;
   box-shadow: var(--glass-shadow-hover) !important;
}

/* Sold Out Badges */
.sold-out-badge {
   background: rgba(0, 255, 209, 0.1) !important;
   /* Translucent mint */
   border: 1px solid rgba(0, 255, 209, 0.25) !important;
   color: var(--accent-secondary) !important;
   box-shadow: none !important;
   animation: none !important;
   font-size: 0.72rem !important;
   font-weight: 600 !important;
   padding: 4px 12px !important;
   border-radius: 9999px !important;
}

.phase-badge {
   background: rgba(255, 255, 255, 0.06) !important;
   border: 1px solid rgba(255, 255, 255, 0.08) !important;
   color: var(--text-primary) !important;
   box-shadow: none !important;
   font-size: 0.75rem !important;
   font-weight: 600 !important;
   padding: 4px 12px !important;
   border-radius: 9999px !important;
}

.phase-dates i {
   color: var(--accent) !important;
}

.phase-dates span {
   font-family: var(--font-primary) !important;
   color: var(--text-muted) !important;
}

.detail-row {
   border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
}

.detail-label {
   color: var(--text-subtle) !important;
}

.detail-value {
   color: var(--text-primary) !important;
}

.detail-value.price {
   background: none !important;
   -webkit-text-fill-color: initial !important;
   color: var(--text-primary) !important;
   font-size: 1.15rem !important;
   font-weight: 700 !important;
}

.progress-bar-container {
   background: rgba(255, 255, 255, 0.05) !important;
   box-shadow: none !important;
   height: 8px !important;
   border-radius: 9999px !important;
}

/* Mint Progress Bar fill */
.progress-bar-fill {
   background: linear-gradient(90deg, var(--accent-secondary) 0%, var(--accent) 100%) !important;
   box-shadow: none !important;
   animation: none !important;
   border-radius: 9999px !important;
}

.progress-bar-fill::after {
   display: none !important;
}

.ico-sale-section .right-img {
   display: none !important;
}

/* ==========================================
   ROADMAP SECTION
   ========================================== */
.neon-roadmap {
   background: var(--bg-secondary) !important;
   padding: 120px 0 !important;
   border-top: 1px solid var(--border-color);
   border-bottom: 1px solid var(--border-color);
}

.roadmap-heading h2.title {
   font-family: var(--font-heading) !important;
   font-size: 2.5rem !important;
   font-weight: 700 !important;
   color: var(--text-primary) !important;
   background: none !important;
   -webkit-text-fill-color: initial !important;
}

.roadmap-heading p.subtitle {
   color: var(--text-muted) !important;
   font-size: 1.1rem !important;
   max-width: 600px !important;
}

.card-box {
   background: var(--surface-card) !important;
   border: 1px solid var(--border-color) !important;
   border-radius: 20px !important;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important;
   width: 380px !important;
   padding: 32px !important;
   backdrop-filter: blur(12px) !important;
   -webkit-backdrop-filter: blur(12px) !important;
   transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.card-box:hover {
   background: var(--surface-card-hover) !important;
   border-color: rgba(108, 99, 255, 0.35) !important;
   transform: translateY(-5px) !important;
   box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4) !important;
}

.card-box h4 {
   font-family: var(--font-heading) !important;
   font-size: 1.25rem !important;
   font-weight: 700 !important;
   color: var(--text-primary) !important;
   background: none !important;
   -webkit-text-fill-color: initial !important;
   margin-bottom: 12px !important;
}

.card-box p {
   font-family: var(--font-primary) !important;
   color: var(--text-muted) !important;
   font-size: 0.9375rem !important;
   line-height: 1.6 !important;
}

.center-orb {
   border-color: rgba(255, 255, 255, 0.1) !important;
   box-shadow: 0 0 30px rgba(255, 255, 255, 0.05) !important;
}

.card-box::after {
   display: none !important;
}

@media (max-width: 991px) {
   .roadmap-wrapper {
      flex-direction: column !important;
      gap: 32px !important;
   }

   .card-box {
      width: 100% !important;
      max-width: 600px !important;
      margin: 0 auto !important;
   }
}

/* ==========================================
   TEAM SECTION
   ========================================== */
.team-section {
   background: var(--bg-primary) !important;
   padding: 120px 0 !important;
}

.team-section::before {
   display: none !important;
}

.team-section .section__header span.gradient-text {
   color: var(--accent) !important;
   background: none !important;
   -webkit-text-fill-color: initial !important;
   font-family: var(--font-primary) !important;
   font-size: 1.1rem !important;
}

.team-section .section__header h2.gradient-text {
   font-family: var(--font-heading) !important;
   font-size: 2.5rem !important;
   font-weight: 700 !important;
   color: var(--text-primary) !important;
   background: none !important;
   -webkit-text-fill-color: initial !important;
   margin-bottom: 16px !important;
}

.team-section .section__header p {
   color: var(--text-muted) !important;
   font-size: 1.1rem !important;
}

.team-section .row {
   display: flex !important;
   flex-wrap: wrap !important;
}

.team-section [class*="col-"] {
   display: flex !important;
}

.team-card {
   background: var(--surface-card) !important;
   border: 1px solid var(--border-color) !important;
   border-radius: 20px !important;
   padding: 32px 24px !important;
   width: 100% !important;
   display: flex !important;
   flex-direction: column !important;
   justify-content: space-between !important;
   align-items: center !important;
   backdrop-filter: blur(12px) !important;
   -webkit-backdrop-filter: blur(12px) !important;
   transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important;
}

.team-card:hover {
   background: var(--surface-card-hover) !important;
   transform: translateY(-8px) !important;
   border-color: var(--border-color-hover) !important;
   box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4), 0 0 20px rgba(0, 229, 255, 0.08) !important;
}

.team-image-wrapper {
   width: 120px !important;
   height: 120px !important;
   padding: 0 !important;
   background: none !important;
   box-shadow: none !important;
   border: 2px solid rgba(255, 255, 255, 0.08) !important;
   margin: 0 auto 20px !important;
   transition: all 0.3s ease !important;
}

.team-card:hover .team-image-wrapper {
   border-color: var(--accent) !important;
   box-shadow: 0 0 20px rgba(0, 229, 255, 0.25) !important;
   animation: none !important;
}

.team-image {
   border: none !important;
}

.team-info {
   flex-grow: 1 !important;
   display: flex !important;
   flex-direction: column !important;
   justify-content: flex-start !important;
   text-align: center !important;
   width: 100% !important;
}

.team-name {
   font-family: var(--font-heading) !important;
   font-size: 1.15rem !important;
   font-weight: 700 !important;
   color: var(--text-primary) !important;
   background: none !important;
   -webkit-text-fill-color: initial !important;
   margin-bottom: 4px !important;
}

.team-role {
   color: var(--text-muted) !important;
   font-size: 0.8125rem !important;
   margin-top: 4px !important;
}

.team-overlay {
   background: rgba(3, 3, 3, 0.75) !important;
   backdrop-filter: blur(4px) !important;
   -webkit-backdrop-filter: blur(4px) !important;
}

.team-overlay i {
   font-size: 24px !important;
   color: var(--accent) !important;
   animation: none !important;
}

/* Modal Styling Overrides */
.team-modal-overlay {
   background: rgba(3, 3, 3, 0.85) !important;
   backdrop-filter: blur(12px) !important;
   -webkit-backdrop-filter: blur(12px) !important;
}

.team-modal-content {
   background: rgba(10, 10, 12, 0.95) !important;
   border: 1px solid var(--border-color) !important;
   box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6) !important;
   border-radius: 28px !important;
   padding: 48px !important;
   backdrop-filter: blur(20px) !important;
}

.team-modal-close {
   background: rgba(255, 255, 255, 0.05) !important;
   border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.team-modal-close:hover {
   background: rgba(255, 255, 255, 0.1) !important;
   border-color: rgba(255, 255, 255, 0.2) !important;
}

.team-modal-image-wrapper {
   width: 160px !important;
   height: 160px !important;
   padding: 0 !important;
   background: none !important;
   border: 2px solid rgba(255, 255, 255, 0.1) !important;
   box-shadow: none !important;
   animation: none !important;
}

.team-modal-image {
   border: none !important;
}

.team-modal-details h3 {
   font-family: var(--font-heading) !important;
   font-size: 2rem !important;
   font-weight: 700 !important;
   color: var(--text-primary) !important;
   background: none !important;
   -webkit-text-fill-color: initial !important;
}

.team-modal-role {
   color: var(--accent) !important;
   font-size: 0.9375rem !important;
   font-weight: 600 !important;
}

.team-modal-divider {
   background: rgba(255, 255, 255, 0.08) !important;
   height: 1px !important;
}

.team-modal-bio {
   color: var(--text-muted) !important;
   font-size: 0.975rem !important;
   line-height: 1.7 !important;
}

.team-skill-tag {
   background: rgba(255, 255, 255, 0.04) !important;
   border: 1px solid rgba(255, 255, 255, 0.08) !important;
   color: var(--text-primary) !important;
   border-radius: 9999px !important;
   font-weight: 500 !important;
   font-size: 0.8125rem !important;
}

.team-skill-tag:hover {
   background: rgba(0, 229, 255, 0.08) !important;
   border-color: rgba(0, 229, 255, 0.25) !important;
   color: var(--accent) !important;
   box-shadow: none !important;
}

/* ==========================================
   DISCOVER SECTION
   ========================================== */
.InfinityDraft-features-section[style*="discover-bg"] {
   background-color: var(--bg-secondary) !important;
   background-image: none !important;
   /* Remove JPG discover image template */
   padding: 120px 0 !important;
   border-top: 1px solid var(--border-color);
   border-bottom: 1px solid var(--border-color);
}

.InfinityDraft-features-section[style*="discover-bg"] .text-center span.gradient-text {
   color: var(--accent) !important;
   background: none !important;
   -webkit-text-fill-color: initial !important;
}

.InfinityDraft-features-section[style*="discover-bg"] .text-center h2.gradient-text {
   font-family: var(--font-heading) !important;
   font-size: 2.5rem !important;
   font-weight: 700 !important;
   color: var(--text-primary) !important;
   background: none !important;
   -webkit-text-fill-color: initial !important;
   margin-bottom: 20px !important;
}

.InfinityDraft-features-section[style*="discover-bg"] p {
   color: var(--text-muted) !important;
   max-width: 680px !important;
   margin: 16px auto 0 !important;
   line-height: 1.65 !important;
}

/* ==========================================
   OUR SERVICES SECTION
   ========================================== */
.our-services-section {
   background: var(--bg-primary) !important;
   padding: 120px 0 !important;
}

.our-services-section::before {
   display: none !important;
}

.our-services-section .section__header span.gradient-text {
   color: var(--accent) !important;
   background: none !important;
   -webkit-text-fill-color: initial !important;
   font-family: var(--font-primary) !important;
   font-size: 1.1rem !important;
}

.our-services-section .section__header h2.gradient-text {
   font-family: var(--font-heading) !important;
   font-size: 2.5rem !important;
   font-weight: 700 !important;
   color: var(--text-primary) !important;
   background: none !important;
   -webkit-text-fill-color: initial !important;
   margin-bottom: 16px !important;
}

.our-services-section .section__header p {
   color: var(--text-muted) !important;
   font-size: 1.1rem !important;
}

.service-card-inner {
   background: var(--surface-card) !important;
   border: 1px solid var(--border-color) !important;
   border-radius: 24px !important;
   backdrop-filter: blur(12px) !important;
   -webkit-backdrop-filter: blur(12px) !important;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important;
   transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.service-card-inner::before {
   display: none !important;
}

.service-card:hover .service-card-inner {
   background: var(--surface-card-hover) !important;
   border-color: var(--border-color-hover) !important;
   box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4) !important;
}

.service-title {
   font-family: var(--font-heading) !important;
   font-size: 1.35rem !important;
   font-weight: 700 !important;
   color: var(--text-primary) !important;
   background: none !important;
   -webkit-text-fill-color: initial !important;
   margin-bottom: 12px !important;
}

.service-description {
   color: var(--text-muted) !important;
   font-size: 0.9375rem !important;
   line-height: 1.6 !important;
   margin-bottom: 24px !important;
}

.feature-item {
   color: var(--text-muted) !important;
}

.feature-item i {
   color: var(--accent) !important;
}

/* ==========================================
   CONTACT CTA SECTION
   ========================================== */
.trading {
   background-color: var(--bg-secondary) !important;
   background-image: none !important;
   /* Remove JPG cta template */
   padding: 60px 0 !important;
   border-top: 1px solid var(--border-color);
}

.trading__content span.gradient-text {
   color: var(--accent) !important;
   background: none !important;
   -webkit-text-fill-color: initial !important;
   font-family: var(--font-primary) !important;
   font-size: 1.1rem !important;
}

.trading__content h2.gradient-text {
   font-family: var(--font-heading) !important;
   font-size: 3rem !important;
   font-weight: 800 !important;
   color: var(--text-primary) !important;
   background: none !important;
   -webkit-text-fill-color: initial !important;
   letter-spacing: -0.04em !important;
   margin-bottom: 20px !important;
}

.trading__content p {
   color: var(--text-muted) !important;
   font-size: 1.125rem !important;
   max-width: 600px !important;
   margin: 16px auto 0 !important;
   line-height: 1.65 !important;
}

.cta-group .btn-wrapper a.a-btn {
   background: var(--text-primary) !important;
   color: var(--bg-primary) !important;
   font-weight: 700 !important;
   border: none !important;
   padding: 16px 36px !important;
   font-size: 1rem !important;
   border-radius: 9999px !important;
   box-shadow: 0 10px 30px rgba(255, 255, 255, 0.1) !important;
   transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.cta-group .btn-wrapper a.a-btn:hover {
   background: rgba(255, 255, 255, 0.9) !important;
   transform: scale(1.03) translateY(-2px) !important;
   box-shadow: 0 15px 35px rgba(255, 255, 255, 0.25) !important;
}

/* ==========================================
   FOOTER
   ========================================== */
.footer-three {
   background: linear-gradient(rgba(3, 3, 3, 0.85), rgba(3, 3, 3, 0.85)), url('../images/footer-bg.webp') no-repeat center center !important;
   background-size: cover !important;
   padding: 20px 0 20px !important;
   border-top: 1px solid var(--border-color) !important;
}

.footer-three p {
   color: var(--text-muted) !important;
   font-size: 0.9375rem !important;
   line-height: 1.65 !important;
   max-width: 620px !important;
   margin: 0 auto !important;
}

.footer-three .divider {
   border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
   margin: 32px 0 24px !important;
}

.footer-three__bottom p {
   color: var(--text-subtle) !important;
   font-size: 0.875rem !important;
}

.footer-three__bottom a {
   color: var(--text-primary) !important;
   text-decoration: none !important;
}

.footer-three__bottom a:hover {
   text-decoration: underline !important;
}

.social a {
   background: rgba(255, 255, 255, 0.03) !important;
   border: 1px solid rgba(255, 255, 255, 0.06) !important;
   width: 40px !important;
   height: 40px !important;
   display: inline-flex !important;
   align-items: center !important;
   justify-content: center !important;
   border-radius: 50% !important;
   color: var(--text-muted) !important;
   transition: all 0.3s ease !important;
}

.social a:hover {
   background: var(--text-primary) !important;
   color: var(--bg-primary) !important;
   border-color: var(--text-primary) !important;
   transform: translateY(-2px) !important;
}

/* ==========================================
   ABOUT SECTION REDESIGN SPECIAL STYLES
   ========================================== */
.badge-premium {
   display: inline-flex !important;
   align-items: center !important;
   font-family: var(--font-primary) !important;
   font-size: 0.72rem !important;
   font-weight: 700 !important;
   text-transform: uppercase !important;
   letter-spacing: 0.12em !important;
   color: var(--accent) !important;
   background: rgba(0, 229, 255, 0.08) !important;
   border: 1px solid rgba(0, 229, 255, 0.22) !important;
   padding: 0.4rem 0.9rem !important;
   border-radius: 9999px !important;
   margin-bottom: 1rem !important;
   box-shadow: none !important;
}

.about-mission-grid {
   display: grid !important;
   grid-template-columns: repeat(2, 1fr) !important;
   gap: 20px !important;
   margin-top: 35px !important;
}

@media (max-width: 767px) {
   .about-mission-grid {
      grid-template-columns: 1fr !important;
   }
}

.about-mission-card {
   background: var(--glass-bg) !important;
   border: 1px solid var(--glass-border) !important;
   border-radius: 16px !important;
   padding: 20px !important;
   display: flex !important;
   align-items: flex-start !important;
   gap: 16px !important;
   backdrop-filter: var(--glass-blur) !important;
   -webkit-backdrop-filter: var(--glass-blur) !important;
   transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
   box-shadow: var(--glass-shadow) !important;
}

.about-mission-card:hover {
   background: var(--glass-bg-hover) !important;
   transform: translateY(-2px) !important;
   border-color: var(--glass-border-hover) !important;
   box-shadow: var(--glass-shadow-hover) !important;
}

.about-mission-icon-wrapper {
   width: 42px !important;
   height: 42px !important;
   border-radius: 10px !important;
   background: rgba(0, 229, 255, 0.06) !important;
   border: 1px solid rgba(0, 229, 255, 0.15) !important;
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   flex-shrink: 0 !important;
   box-shadow: 0 0 10px rgba(0, 229, 255, 0.1) !important;
   transition: all 0.3s ease !important;
}

.about-mission-card:hover .about-mission-icon-wrapper {
   background: rgba(0, 229, 255, 0.15) !important;
   border-color: var(--accent) !important;
   box-shadow: 0 0 15px rgba(0, 229, 255, 0.3) !important;
}

.about-mission-icon-wrapper i {
   color: var(--accent) !important;
   font-size: 1.1rem !important;
}

.about-mission-card:hover .about-mission-icon-wrapper i {
   color: var(--accent-secondary) !important;
}

.about-mission-info {
   flex: 1 !important;
}

.about-mission-info h5 {
   font-family: var(--font-heading) !important;
   font-size: 1.05rem !important;
   font-weight: 700 !important;
   color: var(--text-primary) !important;
   margin-bottom: 6px !important;
   line-height: 1.3 !important;
}

.about-mission-info p {
   font-family: var(--font-primary) !important;
   color: var(--text-muted) !important;
   font-size: 0.85rem !important;
   line-height: 1.45 !important;
   margin: 0 !important;
}

/* Video Showcase Mockup Container */
.about-showcase-container {
   position: relative !important;
   width: 100% !important;
   z-index: 10 !important;
}

.video-glow-backdrop {
   position: absolute !important;
   top: 50% !important;
   left: 50% !important;
   transform: translate(-50%, -50%) !important;
   width: 80% !important;
   height: 80% !important;
   background: radial-gradient(circle, rgba(0, 229, 255, 0.12) 0%, transparent 65%) !important;
   z-index: -1 !important;
   pointer-events: none !important;
   filter: blur(40px) !important;
}

.about-video-mockup {
   background: rgba(8, 8, 10, 0.6) !important;
   border: 1px solid var(--border-color) !important;
   border-radius: 20px !important;
   box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
   overflow: hidden !important;
   backdrop-filter: blur(20px) !important;
   -webkit-backdrop-filter: blur(20px) !important;
   transition: border-color 0.3s ease !important;
}

.about-video-mockup:hover {
   border-color: rgba(0, 229, 255, 0.25) !important;
}

.browser-header-mockup {
   background: rgba(255, 255, 255, 0.02) !important;
   border-bottom: 1px solid var(--border-color) !important;
   padding: 12px 20px !important;
   display: flex !important;
   align-items: center !important;
   justify-content: space-between !important;
}

.browser-dots {
   display: flex !important;
   gap: 6px !important;
}

.browser-dot {
   width: 8px !important;
   height: 8px !important;
   border-radius: 50% !important;
}

.browser-dot.red {
   background-color: #ff5f56 !important;
}

.browser-dot.yellow {
   background-color: #ffbd2e !important;
}

.browser-dot.green {
   background-color: #27c93f !important;
}

.browser-address {
   font-family: var(--font-primary) !important;
   font-size: 0.72rem !important;
   color: var(--text-subtle) !important;
   background: rgba(255, 255, 255, 0.03) !important;
   border: 1px solid rgba(255, 255, 255, 0.05) !important;
   padding: 3px 20px !important;
   border-radius: 6px !important;
   width: 50% !important;
   text-align: center !important;
   overflow: hidden !important;
   text-overflow: ellipsis !important;
   white-space: nowrap !important;
}

.browser-menu-icon {
   display: flex !important;
   gap: 3px !important;
}

.browser-menu-dot {
   width: 3px !important;
   height: 3px !important;
   border-radius: 50% !important;
   background-color: var(--text-subtle) !important;
}

.video-content-wrapper {
   position: relative !important;
   width: 100% !important;
   line-height: 0 !important;
}

.video-content-wrapper video {
   width: 100% !important;
   height: auto !important;
   display: block !important;
   border: none !important;
   border-radius: 0 !important;
   box-shadow: none !important;
}

.video-overlay-tag {
   position: absolute !important;
   bottom: 16px !important;
   left: 16px !important;
   background: rgba(3, 3, 3, 0.75) !important;
   backdrop-filter: blur(8px) !important;
   -webkit-backdrop-filter: blur(8px) !important;
   border: 1px solid rgba(255, 255, 255, 0.1) !important;
   padding: 6px 12px !important;
   border-radius: 9999px !important;
   display: flex !important;
   align-items: center !important;
   gap: 8px !important;
   color: var(--text-primary) !important;
   font-family: var(--font-primary) !important;
   font-size: 0.75rem !important;
   font-weight: 600 !important;
   letter-spacing: 0.05em !important;
   z-index: 15 !important;
}

.pulse-dot-green {
   width: 6px !important;
   height: 6px !important;
   border-radius: 50% !important;
   background-color: #27c93f !important;
   box-shadow: 0 0 0 0 rgba(39, 201, 63, 0.7) !important;
   animation: pulseDotGreen 1.6s infinite !important;
}

@keyframes pulseDotGreen {
   0% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(39, 201, 63, 0.7);
   }

   70% {
      transform: scale(1);
      box-shadow: 0 0 0 6px rgba(39, 201, 63, 0);
   }

   100% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(39, 201, 63, 0);
   }
}

/* ==========================================
   PREMIUM BACKGROUND ELEMENTS & GLASSMORPHISM
   ========================================== */

/* Particle and Orb Containers */
.modern-bg-container {
   position: fixed !important;
   top: 0 !important;
   left: 0 !important;
   width: 100% !important;
   height: 100% !important;
   z-index: 2 !important; /* Float glowing blur orbs above section backgrounds, but below header/navigation */
   pointer-events: none !important;
   overflow: hidden !important;
}

.bg-particles {
   position: fixed !important;
   top: 0 !important;
   left: 0 !important;
   width: 100% !important;
   height: 100% !important;
   z-index: 99 !important; /* Float micro-particles on top of all section backgrounds and text */
   pointer-events: none !important;
}

.preloader {
   z-index: 99999 !important;
}

.team-modal {
   z-index: 100000 !important;
}

/* Background Glowing Blur Orbs */
.bg-glow-orb {
   position: absolute !important;
   border-radius: 50% !important;
   filter: blur(140px) !important;
   -webkit-filter: blur(140px) !important;
   opacity: 0.05 !important;
   pointer-events: none !important;
   mix-blend-mode: screen !important;
   will-change: transform, opacity !important;
}

.bg-glow-orb--1 {
   width: 45vw !important;
   height: 45vw !important;
   background: radial-gradient(circle, rgba(0, 229, 255, 0.45) 0%, rgba(0, 153, 255, 0) 70%) !important;
   top: -10vh !important;
   left: -10vw !important;
   animation: floatOrb1 32s ease-in-out infinite !important;
}

.bg-glow-orb--2 {
   width: 40vw !important;
   height: 40vw !important;
   background: radial-gradient(circle, rgba(0, 255, 209, 0.4) 0%, rgba(0, 229, 255, 0) 70%) !important;
   bottom: -5vh !important;
   right: -5vw !important;
   animation: floatOrb2 40s ease-in-out infinite !important;
}

.bg-glow-orb--3 {
   width: 32vw !important;
   height: 32vw !important;
   background: radial-gradient(circle, rgba(138, 43, 226, 0.35) 0%, rgba(0, 153, 255, 0) 70%) !important;
   top: 45vh !important;
   left: 55vw !important;
   animation: floatOrb3 36s ease-in-out infinite !important;
}

@keyframes floatOrb1 {
   0% {
      transform: translate(0, 0) scale(1);
   }
   33% {
      transform: translate(6vw, 8vh) scale(1.1);
   }
   66% {
      transform: translate(-4vw, 4vh) scale(0.9);
   }
   100% {
      transform: translate(0, 0) scale(1);
   }
}

@keyframes floatOrb2 {
   0% {
      transform: translate(0, 0) scale(1);
   }
   50% {
      transform: translate(-8vw, -12vh) scale(0.85);
   }
   100% {
      transform: translate(0, 0) scale(1);
   }
}

@keyframes floatOrb3 {
   0% {
      transform: translate(0, 0) scale(1);
   }
   33% {
      transform: translate(5vw, -6vh) scale(1.08);
   }
   66% {
      transform: translate(-6vw, 8vh) scale(0.92);
   }
   100% {
      transform: translate(0, 0) scale(1);
   }
}

/* ==========================================
   TRUE FROSTED GLASS SYSTEM
   ========================================== */
.about-mission-card,
.exchange__single,
.conversation__single,
.core-box,
.InfinityDraft-feature-card,
.f-item,
.team-modal-content,
.hero-draft-ticker__inner,
.tokenomics-card,
.roadmap__single,
.roadmap-item,
.team-card,
.ico-phase-card {
   position: relative !important;
   isolation: isolate !important;
   overflow: hidden !important;
   background: var(--glass-bg) !important;
   backdrop-filter: var(--glass-blur) !important;
   -webkit-backdrop-filter: var(--glass-blur) !important;
   border: 1px solid var(--glass-border) !important;
   box-shadow: var(--glass-shadow) !important;
   transform: translateZ(0);
}

/* Specular top edge + soft refraction sheen */
.about-mission-card::before,
.exchange__single::before,
.conversation__single::before,
.core-box::before,
.InfinityDraft-feature-card::before,
.f-item::before,
.hero-draft-ticker__inner::before,
.ico-phase-card::before {
   content: '' !important;
   position: absolute !important;
   inset: 0 !important;
   border-radius: inherit !important;
   pointer-events: none !important;
   z-index: 0 !important;
   display: block !important;
   background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.04) 18%, transparent 42%),
      radial-gradient(120% 80% at 0% 0%, rgba(0, 229, 255, 0.12) 0%, transparent 45%),
      radial-gradient(90% 60% at 100% 100%, rgba(0, 153, 255, 0.08) 0%, transparent 50%) !important;
   opacity: 1 !important;
}

/* Crisp glass rim */
.about-mission-card::after,
.exchange__single::after,
.conversation__single::after,
.core-box::after,
.InfinityDraft-feature-card::after,
.f-item::after,
.hero-draft-ticker__inner::after {
   content: '' !important;
   position: absolute !important;
   inset: 0 !important;
   border-radius: inherit !important;
   pointer-events: none !important;
   z-index: 1 !important;
   padding: 1px !important;
   background: linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.45) 0%,
      rgba(255, 255, 255, 0.08) 28%,
      rgba(0, 229, 255, 0.18) 62%,
      rgba(255, 255, 255, 0.12) 100%
   ) !important;
   -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
   mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
   -webkit-mask-composite: xor !important;
   mask-composite: exclude !important;
   opacity: 0.85 !important;
}

.about-mission-card > *,
.exchange__single > *,
.conversation__single > *,
.core-box > *,
.InfinityDraft-feature-card > *,
.f-item > *,
.hero-draft-ticker__inner > * {
   position: relative !important;
   z-index: 2 !important;
}

.about-mission-card:hover,
.exchange__single:hover,
.conversation__single:hover,
.core-box:hover,
.InfinityDraft-feature-card:hover,
.f-item:hover {
   background: var(--glass-bg-hover) !important;
   border-color: var(--glass-border-hover) !important;
   box-shadow: var(--glass-shadow-hover) !important;
   backdrop-filter: blur(34px) saturate(200%) !important;
   -webkit-backdrop-filter: blur(34px) saturate(200%) !important;
}

.about-mission-card:hover::before,
.exchange__single:hover::before,
.conversation__single:hover::before,
.core-box:hover::before,
.InfinityDraft-feature-card:hover::before,
.f-item:hover::before {
   background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.06) 20%, transparent 48%),
      radial-gradient(120% 80% at 0% 0%, rgba(0, 229, 255, 0.18) 0%, transparent 45%) !important;
}

/* Modal Inner Blur Specific Enhancements */
.team-modal-content {
   background:
      linear-gradient(160deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.03) 40%, rgba(0, 229, 255, 0.06) 100%),
      rgba(8, 12, 20, 0.72) !important;
   border: 1px solid rgba(255, 255, 255, 0.18) !important;
   backdrop-filter: blur(36px) saturate(190%) !important;
   -webkit-backdrop-filter: blur(36px) saturate(190%) !important;
   box-shadow:
      0 32px 80px rgba(0, 0, 0, 0.65),
      inset 0 1px 0 rgba(255, 255, 255, 0.28),
      0 0 48px rgba(0, 229, 255, 0.08) !important;
}

/* Header Glassmorphism Upgrade */
header.header-tertiary {
   background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%),
      rgba(6, 10, 16, 0.55) !important;
   backdrop-filter: blur(28px) saturate(180%) !important;
   -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
   box-shadow:
      0 8px 32px rgba(0, 0, 0, 0.35),
      inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

/* Ambient light behind glass so blur has something to catch */
.work,
.exchange,
.conversation,
.offer,
.neon-feature-box,
.InfinityDraft-features-section {
   isolation: isolate !important;
}

.work::after,
.exchange::after,
.conversation::after,
.offer::after,
.infinity-draft-tech::after,
.neon-feature-box::after {
   content: '' !important;
   position: absolute !important;
   inset: 0 !important;
   pointer-events: none !important;
   z-index: 0 !important;
   background:
      radial-gradient(ellipse 55% 40% at 15% 30%, rgba(0, 229, 255, 0.1) 0%, transparent 55%),
      radial-gradient(ellipse 45% 35% at 85% 70%, rgba(0, 153, 255, 0.08) 0%, transparent 50%),
      radial-gradient(ellipse 40% 30% at 50% 100%, rgba(0, 255, 209, 0.05) 0%, transparent 55%) !important;
}

/* Keep glow behind content without a z-indexed container (that blocks video screen blend) */
.infinity-draft-tech::after {
   z-index: -1 !important;
}

.work > .container,
.exchange > .container,
.conversation > .container,
.offer > .container,
.neon-feature-box > .container {
   position: relative !important;
   z-index: 1 !important;
}

.infinity-draft-tech > .container {
   position: relative !important;
   z-index: auto !important;
}

/* Soften leftover neon utility classes from template */
.neon-glow,
.neon-glow1,
.neon-glow2 {
   box-shadow: none !important;
   filter: none !important;
}

.exchange .content1.gradient-text,
.exchange h5.content1 {
   background: none !important;
   -webkit-text-fill-color: unset !important;
   color: var(--text-primary) !important;
}

/* Prefer calm section rhythm */
.work,
.exchange,
.conversation,
.offer,
.infinity-draft-tech {
   position: relative !important;
}

.work::before,
.exchange::before,
.conversation::before,
.offer::before {
   content: '' !important;
   position: absolute !important;
   top: 0 !important;
   left: 50% !important;
   transform: translateX(-50%) !important;
   width: min(720px, 70%) !important;
   height: 1px !important;
   background: linear-gradient(90deg, transparent, rgba(0, 229, 255, 0.25), transparent) !important;
   pointer-events: none !important;
}