/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 26 2026 | 23:03:33 */


/* ============================================================
   TRUCREATIVES COMMUNITY PAGE — APPEND AT THE VERY END
   of your existing master CSS. Do NOT paste the master CSS
   again — only add this block below everything already there.
   ============================================================ */

/* ---- Dark tokens locked directly on the wrapper.
   This means the page is always dark regardless of whether
   WordPress sets html.dark or html.light on the root. ---- */
.tru-community {
  --tru-electric:      oklch(0.78 0.2 262);
  --tru-current:       oklch(0.82 0.14 225);
  --tru-electric-deep: oklch(0.42 0.12 265);
  --tru-neon:          oklch(0.9 0.22 145);
  --tru-bg:            oklch(0.1 0.025 265);
  --tru-fg:            oklch(0.97 0.01 260);
  --tru-card:          oklch(0.15 0.03 265);
  --tru-muted:         oklch(0.22 0.03 265);
  --tru-muted-fg:      oklch(0.65 0.03 260);
  --tru-border:        oklch(1 0 0 / 10%);
  --tru-primary:       oklch(0.72 0.19 262);
  --tru-primary-fg:    oklch(0.1 0.02 265);
  --tru-glow:          0 0 40px oklch(0.45 0.14 262 / 0.35);
  background-color: oklch(0.1 0.025 265) !important;
  color: oklch(0.97 0.01 260);
}

/* Force dark on every section band inside the community page.
   !important wins over html.light rules which use element+class
   selectors with slightly higher specificity. */
.tru-community .section-band,
.tru-community .section-band::before,
.tru-community .section-band::after {
  background-color: transparent !important;
  background-image: none !important;
}
.tru-community .section-band--soft     { background-color: oklch(0.12 0.028 265) !important; }
.tru-community .section-band--contrast { background-color: oklch(0.14 0.032 265) !important; }
.tru-community .section-band--deep     { background-color: oklch(0.09 0.022 265) !important; }
.tru-community .section-band--grid     { background-color: oklch(0.13 0.03 265) !important; }

/* Everything always visible — no JS scroll-reveal dependency */
.tru-community [data-reveal] {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* ---- Shared utilities ---- */
.tru-community .tc-btn-row { display:flex; flex-wrap:wrap; gap:1rem; align-items:center; }
.tru-community .tc-btn-row--center { justify-content:center; }
.tru-community .tc-center-cta { text-align:center; margin-top:3.5rem; }
.tru-community .tc-ig-link { color:var(--tru-current); text-decoration:none; font-weight:700; }
.tru-community .tc-ig-link:hover { text-decoration:underline; }
.tru-community .tc-script { font-style:italic; opacity:0.65; }

/* ---- Free community CTA (text link beneath main buttons) ---- */
.tru-community .tc-free-cta {
  display: block;
  margin-top: 1.25rem;
  font-size: 0.92rem;
  color: var(--tru-muted-fg);
}
.tru-community .tc-free-cta a {
  color: var(--tru-current);
  text-decoration: none;
  font-weight: 600;
  border-bottom: 1px solid oklch(0.82 0.14 225 / 0.35);
  padding-bottom: 1px;
  transition: color 0.2s, border-color 0.2s;
}
.tru-community .tc-free-cta a:hover { color:var(--tru-electric); border-color:var(--tru-electric); }

/* ================================================================
   HERO
   ================================================================ */
.tru-community .tc-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5rem;
  align-items: center;
  padding-block: 6rem;
}
.tru-community .tc-hero h1 {
  font-family: var(--tru-font-heading);
  font-size: clamp(2.6rem, 5.5vw, 4rem);
  line-height: 1.1;
  letter-spacing: -0.02em;
  margin: 0.75rem 0 1.25rem;
}
.tru-community .tc-hero > .tc-hero__text > p {
  font-size: clamp(1rem, 1.4vw, 1.1rem);
  line-height: 1.68;
  color: var(--tru-muted-fg);
  max-width: 500px;
  margin-bottom: 2.25rem;
}
.tru-community .tc-video-wrap {
  position: relative;
  border-radius: 1.5rem;
  overflow: hidden;
  box-shadow: 0 0 80px oklch(0.72 0.16 228 / 0.18), 0 2px 40px rgba(0,0,0,0.4);
}
.tru-community .tc-hero-video { width:100%; height:auto; display:block; }
.tru-community .tc-vid-controls {
  position: absolute; bottom: 1rem; right: 1rem;
  display: flex; gap: 0.5rem; z-index: 10;
}
.tru-community .tc-vc-btn {
  width: 2.5rem; height: 2.5rem; border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.25);
  background: rgba(0,0,0,0.65);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  color: #fff; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: background 0.2s, transform 0.2s; padding: 0;
}
.tru-community .tc-vc-btn:hover { background:rgba(0,0,0,0.9); transform:scale(1.1); }

/* ================================================================
   CAROUSEL — native scroll-snap, grab cursor, no buttons
   ================================================================ */
.tru-community .tc-carousel-shell { margin-top: 4rem; }
.tru-community .tc-carousel-vp {
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  cursor: grab;
  user-select: none;
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 3%, #000 97%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0, #000 3%, #000 97%, transparent 100%);
}
.tru-community .tc-carousel-vp::-webkit-scrollbar { display: none; }
.tru-community .tc-carousel-vp.is-dragging { cursor: grabbing; }
.tru-community .tc-carousel-track { display:flex; gap:2rem; padding-block:1rem; }
.tru-community .tc-creator {
  flex: 0 0 calc((100% - 5 * 2rem) / 6);
  scroll-snap-align: start;
  text-align: center;
}
/* Circle avatar shell — fixed dimensions prevent oval distortion */
.tru-community .tc-creator-img-shell {
  width: 140px; height: 140px;
  border-radius: 50%; overflow: hidden;
  margin-inline: auto;
  border: 3px solid var(--tru-border);
  transition: border-color 0.3s, transform 0.28s, box-shadow 0.3s;
  flex-shrink: 0;
}
.tru-community .tc-creator-img-shell img { width:100%; height:100%; object-fit:cover; display:block; }
.tru-community .tc-creator:hover .tc-creator-img-shell {
  border-color: var(--tru-current);
  transform: scale(1.06);
  box-shadow: 0 0 24px oklch(0.82 0.14 225 / 0.4);
}
.tru-community .tc-cn { font-weight:700; font-size:0.9rem; margin-top:1rem; color:var(--tru-fg); line-height:1.3; }
.tru-community .tc-cf { font-size:0.8rem; color:var(--tru-current); font-weight:600; margin-top:0.3rem; }
.tru-community .tc-cr { font-size:0.76rem; color:var(--tru-muted-fg); margin-top:0.2rem; }

/* ================================================================
   WHAT YOU'LL GAIN
   ================================================================ */
.tru-community .tc-gain-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:1.5rem; margin-top:4rem; }
.tru-community .tc-gain-card {
  background:var(--tru-card); border:1px solid var(--tru-border);
  border-radius:1.25rem; padding:2rem 1.5rem; text-align:center;
  transition:border-color 0.3s, transform 0.28s;
}
.tru-community .tc-gain-card:hover { border-color:var(--tru-current); transform:translateY(-4px); }
.tru-community .tc-gain-icon { font-size:2.25rem; margin-bottom:1rem; display:block; }
.tru-community .tc-gain-card h3 { font-family:var(--tru-font-heading); font-size:1rem; font-weight:700; margin-bottom:0.75rem; }
.tru-community .tc-gain-card p { font-size:0.88rem; line-height:1.65; color:var(--tru-muted-fg); }

/* ================================================================
   NOT FOR EVERYONE
   ================================================================ */
.tru-community .tc-nfe-grid { display:grid; grid-template-columns:1fr 1fr; gap:3rem; max-width:860px; margin:3.5rem auto; }
.tru-community .tc-nfe-col h4 { font-family:var(--tru-font-heading); font-size:1.1rem; font-weight:700; margin-bottom:1.5rem; padding-bottom:0.75rem; border-bottom:1px solid var(--tru-border); }
.tru-community .tc-nfe-list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:1rem; }
.tru-community .tc-nfe-list li { display:flex; align-items:flex-start; gap:0.75rem; font-size:0.97rem; line-height:1.55; color:var(--tru-muted-fg); }
.tru-community .tc-x { color:#f05b5b; flex-shrink:0; margin-top:0.1em; font-weight:700; }
.tru-community .tc-chk { color:var(--tru-neon); flex-shrink:0; margin-top:0.1em; font-weight:700; }

/* ================================================================
   OUTCOMES (MONEY RESULTS)
   ================================================================ */
.tru-community .tc-outcomes-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:2rem; margin-top:4rem; }
.tru-community .tc-outcome-card {
  background:var(--tru-card); border:1px solid var(--tru-border);
  border-radius:1.25rem; padding:2.5rem 2rem; text-align:center;
  display:flex; flex-direction:column; align-items:center; gap:0.85rem;
  transition:border-color 0.3s, transform 0.28s;
}
.tru-community .tc-outcome-card:hover { border-color:var(--tru-current); transform:translateY(-4px); }
.tru-community .tc-oc-avatar { width:96px; height:96px; border-radius:50%; object-fit:cover; border:3px solid var(--tru-border); display:block; margin-inline:auto; }
.tru-community .tc-oc-name { font-family:var(--tru-font-heading); font-size:1.5rem; font-weight:700; margin:0; }
.tru-community .tc-oc-role { font-size:0.72rem; text-transform:uppercase; letter-spacing:0.16em; color:var(--tru-current); font-weight:700; margin:0; }
.tru-community .tc-oc-desc { font-size:0.92rem; line-height:1.65; color:var(--tru-muted-fg); flex:1; }
.tru-community .tc-oc-metrics { display:flex; gap:2rem; padding-top:1.25rem; border-top:1px solid var(--tru-border); width:100%; justify-content:center; margin-top:auto; }
.tru-community .tc-oc-metric { display:flex; flex-direction:column; align-items:center; gap:0.25rem; }
.tru-community .tc-oc-ml { font-size:0.66rem; text-transform:uppercase; letter-spacing:0.12em; color:var(--tru-muted-fg); font-weight:700; }
.tru-community .tc-oc-old { font-size:1.1rem; font-weight:700; color:var(--tru-muted-fg); text-decoration:line-through; }
.tru-community .tc-oc-new { font-size:1.5rem; font-weight:900; color:var(--tru-neon); line-height:1.1; }
.tru-community .tc-outcomes-cta { text-align:center; margin-top:3.5rem; }
.tru-community .tc-outcomes-sub { font-size:1.05rem; color:var(--tru-muted-fg); margin-bottom:1.75rem; }

/* ================================================================
   HOW WE HELP
   ================================================================ */
.tru-community .tc-help-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; margin-top:4rem; }
.tru-community .tc-help-card {
  background:var(--tru-card); border:1px solid var(--tru-border);
  border-radius:1.25rem; overflow:hidden; display:flex; flex-direction:column;
  transition:border-color 0.3s, transform 0.28s;
}
.tru-community .tc-help-card:hover { border-color:var(--tru-current); transform:translateY(-4px); }
.tru-community .tc-help-img-box {
  width:100%; height:210px; overflow:hidden; flex-shrink:0;
  background:oklch(0.12 0.03 265); display:flex; align-items:center; justify-content:center;
}
.tru-community .tc-help-img-box--cover img { width:100%; height:100%; object-fit:cover; display:block; }
.tru-community .tc-help-img-box--contain img { width:auto; height:100%; max-width:100%; object-fit:contain; display:block; margin-inline:auto; padding:0.5rem; }
.tru-community .tc-help-body { padding:1.75rem; flex:1; }
.tru-community .tc-help-body h3 { font-family:var(--tru-font-heading); font-size:1.1rem; font-weight:700; margin-bottom:0.75rem; }
.tru-community .tc-help-body p { font-size:0.95rem; line-height:1.68; color:var(--tru-muted-fg); }

/* ================================================================
   WORRY ABOUT
   ================================================================ */
.tru-community .tc-worry-layout { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }
.tru-community .tc-worry-text h2 { font-family:var(--tru-font-heading); font-size:clamp(1.9rem,3.5vw,2.6rem); line-height:1.15; letter-spacing:-0.01em; margin:0.75rem 0 1.25rem; }
.tru-community .tc-worry-text p { font-size:1.05rem; line-height:1.68; color:var(--tru-muted-fg); }
.tru-community .tc-worry-list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:1rem; }
.tru-community .tc-worry-list li {
  display:flex; align-items:center; gap:1rem;
  background:var(--tru-card); border:1px solid var(--tru-border);
  border-radius:0.875rem; padding:1.2rem 1.5rem;
  font-size:1.06rem; color:var(--tru-fg); line-height:1.5;
  transition:border-color 0.3s;
}
.tru-community .tc-worry-list li:hover { border-color:var(--tru-current); }
.tru-community .tc-wchk { color:var(--tru-neon); font-weight:700; font-size:1.1rem; flex-shrink:0; }

/* ================================================================
   PATHWAYS
   ================================================================ */
.tru-community .tc-pathways-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; margin-top:4rem; }
.tru-community .tc-pathway-card {
  border-radius:1.5rem; padding:3.5rem 2.5rem; text-align:center;
  display:flex; flex-direction:column; align-items:center; gap:1.1rem;
  text-decoration:none; transition:transform 0.3s, box-shadow 0.3s;
}
.tru-community .tc-pathway-card:hover { transform:translateY(-5px); }
.tru-community .tc-pathway--personal { background:linear-gradient(145deg,oklch(0.2 0.06 240),oklch(0.12 0.04 260)); border:1px solid oklch(0.82 0.14 225/0.3); }
.tru-community .tc-pathway--personal:hover { box-shadow:0 0 40px oklch(0.82 0.14 225/0.2); }
.tru-community .tc-pathway--sports { background:linear-gradient(145deg,oklch(0.22 0.06 55),oklch(0.12 0.04 55)); border:1px solid oklch(0.75 0.14 55/0.35); }
.tru-community .tc-pathway--sports:hover { box-shadow:0 0 40px oklch(0.75 0.14 55/0.2); }
.tru-community .tc-pathway--artists { background:linear-gradient(145deg,oklch(0.2 0.07 305),oklch(0.12 0.04 300)); border:1px solid oklch(0.72 0.16 305/0.35); }
.tru-community .tc-pathway--artists:hover { box-shadow:0 0 40px oklch(0.72 0.16 305/0.2); }
.tru-community .tc-pathway-logo { max-height:75px; max-width:200px; object-fit:contain; display:block; margin-inline:auto; }
.tru-community .tc-pathway-label { font-family:var(--tru-font-heading); font-size:1.2rem; font-weight:700; color:var(--tru-fg); }
.tru-community .tc-pathway-desc { font-size:0.9rem; line-height:1.65; color:oklch(0.97 0.01 260/0.72); max-width:260px; }

/* ================================================================
   QUIZ FLOW
   ================================================================ */
.tru-community .tc-flow-wrap { display:flex; align-items:stretch; gap:1.5rem; margin-top:4rem; justify-content:center; }
.tru-community .tc-flow-step {
  background:var(--tru-card); border:1px solid var(--tru-border);
  border-radius:1.25rem; padding:2.5rem 2rem; text-align:center;
  flex:1; max-width:300px; transition:border-color 0.3s, transform 0.28s;
}
.tru-community .tc-flow-step:hover { border-color:var(--tru-current); transform:translateY(-3px); }
.tru-community .tc-flow-num { font-size:0.75rem; text-transform:uppercase; letter-spacing:0.18em; color:var(--tru-current); font-weight:700; margin-bottom:0.85rem; }
.tru-community .tc-flow-step h3 { font-family:var(--tru-font-heading); font-size:1.1rem; font-weight:700; margin-bottom:0.85rem; }
.tru-community .tc-flow-step p { font-size:0.92rem; line-height:1.65; color:var(--tru-muted-fg); }
.tru-community .tc-flow-arrow { font-size:1.85rem; color:var(--tru-current); flex-shrink:0; align-self:center; opacity:0.7; }

/* ================================================================
   FOUNDER
   ================================================================ */
.tru-community .tc-founder-wrap { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; margin-top:4rem; }
.tru-community .tc-founder-text p { font-size:1.02rem; line-height:1.72; color:var(--tru-muted-fg); margin-bottom:1.25rem; }
.tru-community .tc-founder-sig { font-weight:700 !important; color:var(--tru-fg) !important; }
.tru-community .tc-founder-btn { display:inline-flex !important; margin-top:1.5rem !important; }
.tru-community .tc-founder-media { border-radius:1.5rem; overflow:hidden; aspect-ratio:1/1; box-shadow:0 0 70px oklch(0.72 0.16 228/0.14),0 2px 40px rgba(0,0,0,0.3); }
.tru-community .tc-founder-img { width:100%; height:100%; object-fit:cover; object-position:center top; display:block; }

/* ================================================================
   TESTIMONIALS (5 cards — 3 top row, 2 centered)
   ================================================================ */
.tru-community .tc-tcard-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:2rem; margin-top:4rem; }
.tru-community .tc-tcard:nth-child(1),
.tru-community .tc-tcard:nth-child(2),
.tru-community .tc-tcard:nth-child(3) { grid-column:span 2; }
.tru-community .tc-tcard--centered:nth-child(4) { grid-column:2/4; }
.tru-community .tc-tcard--centered:nth-child(5) { grid-column:4/6; }
.tru-community .tc-tcard {
  background:var(--tru-card); border:1px solid var(--tru-border);
  border-radius:1.25rem; padding:2rem;
  display:flex; flex-direction:column; gap:1rem;
  transition:border-color 0.3s, transform 0.28s;
}
.tru-community .tc-tcard:hover { border-color:var(--tru-current); transform:translateY(-3px); }
.tru-community .tc-stars { color:#facc15; font-size:0.95rem; letter-spacing:0.1em; }
.tru-community .tc-tquote { font-size:0.98rem; line-height:1.72; color:var(--tru-muted-fg); font-style:italic; flex:1; }
.tru-community .tc-tby { display:flex; align-items:center; gap:1rem; padding-top:1.25rem; border-top:1px solid var(--tru-border); margin-top:auto; }
.tru-community .tc-tavatar { width:46px; height:46px; border-radius:50%; object-fit:cover; flex-shrink:0; border:2px solid var(--tru-border); }
.tru-community .tc-tby strong { display:block; font-size:0.92rem; font-weight:700; color:var(--tru-fg); }
.tru-community .tc-tby span { font-size:0.78rem; color:var(--tru-muted-fg); display:block; margin-top:0.15rem; }

/* ================================================================
   FINAL INVITATION
   ================================================================ */
.tru-community .tc-final-wrap { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }
.tru-community .tc-final-text .tru-eyebrow { display:block; margin-bottom:0.75rem; }
.tru-community .tc-final-text h2 { font-family:var(--tru-font-heading); font-size:clamp(2rem,4vw,2.85rem); line-height:1.12; letter-spacing:-0.015em; margin-bottom:1.5rem; }
.tru-community .tc-final-text p { font-size:1.02rem; line-height:1.72; color:var(--tru-muted-fg); margin-bottom:1rem; }
.tru-community .tc-final-media { background:none; border:none; box-shadow:none; }
.tru-community .tc-final-img { width:100%; height:auto; display:block; border-radius:1rem; }

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media (max-width: 1100px) {
  .tru-community .tc-creator { flex: 0 0 calc((100% - 3 * 2rem) / 4); }
  .tru-community .tc-gain-grid { grid-template-columns: repeat(3, 1fr); }
  .tru-community .tc-outcomes-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .tru-community .tc-creator { flex: 0 0 calc((100% - 2 * 2rem) / 3); }
  .tru-community .tc-creator-img-shell { width: 110px; height: 110px; }
  .tru-community .tc-hero { grid-template-columns: 1fr; text-align: center; padding-block: 5rem; gap: 3rem; }
  .tru-community .tc-hero > .tc-hero__text > p { margin-inline: auto; }
  .tru-community .tc-btn-row { justify-content: center; }
  .tru-community .tc-gain-grid { grid-template-columns: repeat(2, 1fr); }
  .tru-community .tc-nfe-grid { grid-template-columns: 1fr; }
  .tru-community .tc-outcomes-grid { grid-template-columns: 1fr; }
  .tru-community .tc-help-grid { grid-template-columns: 1fr; }
  .tru-community .tc-worry-layout { grid-template-columns: 1fr; gap: 3rem; }
  .tru-community .tc-pathways-grid { grid-template-columns: 1fr; }
  .tru-community .tc-flow-wrap { flex-direction: column; align-items: center; }
  .tru-community .tc-flow-step { max-width: 100%; width: 100%; }
  .tru-community .tc-flow-arrow { transform: rotate(90deg); }
  .tru-community .tc-founder-wrap { grid-template-columns: 1fr; gap: 3rem; }
  .tru-community .tc-founder-media { max-width: 420px; margin-inline: auto; }
  .tru-community .tc-tcard:nth-child(1), .tru-community .tc-tcard:nth-child(2),
  .tru-community .tc-tcard:nth-child(3), .tru-community .tc-tcard--centered:nth-child(4),
  .tru-community .tc-tcard--centered:nth-child(5) { grid-column: 1 / -1; }
  .tru-community .tc-final-wrap { grid-template-columns: 1fr; gap: 3rem; }
  .tru-community .tc-final-media { order: -1; }
}
@media (max-width: 480px) {
  .tru-community .tc-creator { flex: 0 0 calc((100% - 1 * 2rem) / 2); }
  .tru-community .tc-gain-grid { grid-template-columns: 1fr; }
  .tru-community .tc-btn-row { flex-direction: column; width: 100%; }
  .tru-community .tc-btn-row .tru-btn { width: 100%; justify-content: center; text-align: center; }
}