/* Static-clone fixes (no Squarespace runtime) */
#header, #header.black.header { background: #000 !important; }
main#page > article > section:first-of-type { padding-top: 99px; }
@media (max-width: 767px) {
  /* header is ~75px; trim clearance + wrapper padding so the video sits higher */
  main#page > article > section:first-of-type { padding-top: 84px; }
  main#page > article > section:first-of-type .content-wrapper { padding-top: 6px !important; padding-bottom: 6px !important; }
}

/* Grey hairline dividers between content sections (per Michael, 2026-07-06) */
#page .page-section:not(:first-child) { border-top: 1px solid #34373F; }
/* no rule directly below the top headline */
#page article > .page-section:nth-of-type(2) { border-top: none; }

/* ---- Polish pass (2026-07-06) ---- */

/* 1. Stats tiles: visible cards w/ gold hairline instead of blend-invisible */
section[data-section-id="69c218b17e972570ee6a7e42"] .sqs-shape-block-container { mix-blend-mode: normal !important; }
section[data-section-id="69c218b17e972570ee6a7e42"] svg.sqs-shape { outline: 1px solid rgba(255, 201, 77, 0.28); outline-offset: -1px; }
section[data-section-id="69c218b17e972570ee6a7e42"] svg.sqs-shape path { fill: #131A2B; }

/* 2. Judge's Seat: lower phone screenshots for vertical balance */
section[data-section-id="69c236d56c1ef34ada0416be"] .fe-block:has(img) { transform: translateY(56px); }

/* 3. Slider Mode / Tap Mode pills */
section[data-section-id="69c236d56c1ef34ada0416be"] a.sqs-button-element--tertiary {
  display: inline-block; white-space: nowrap; width: auto;
  background: #131A2B; color: #FFC94D !important;
  border: 1px solid rgba(255, 201, 77, 0.55); border-radius: 999px;
  padding: 10px 28px; font-weight: 700; font-size: 14px; letter-spacing: .06em;
  text-transform: uppercase;
}
section[data-section-id="69c236d56c1ef34ada0416be"] a.sqs-button-element--tertiary:hover {
  background: #FFC94D; color: #1A1403 !important;
}

/* 4. Custom Experience: drop looping phone video to align with text (desktop only) */
@media (min-width: 768px) {
  section[data-section-id="69c224e9ec59657e443b7880"] .fe-block:has(video) { transform: translateY(64px); }
}


/* ---- Refinement pass 2 (2026-07-06) ---- */

/* 1. Stats: soft gold glow + equalize vertical margins (bottom gap was 195 vs top 92) */
section[data-section-id="69c218b17e972570ee6a7e42"] svg.sqs-shape {
  filter: drop-shadow(0 0 10px rgba(255, 201, 77, 0.55)) drop-shadow(0 0 34px rgba(255, 201, 77, 0.35));
}

/* 2. Judge's Seat: outward phone rotation; pills up to meet phone bottoms */
@media (min-width: 768px) {
  section[data-section-id="69c236d56c1ef34ada0416be"] .fe-block.fe-block-yui_3_17_2_1_1774329172191_63540:has(img) { transform: translateY(56px) rotate(-5deg); }
  section[data-section-id="69c236d56c1ef34ada0416be"] .fe-block.fe-block-6a5bb9839136754fa44d:has(img) { transform: translateY(86px) rotate(5deg); }
}


/* 3. Protocol playground: match site look, tabs never wrap, rebalance columns */
.lj-mx .lj-mx-grid { grid-template-columns: 1fr 1.05fr !important; gap: 52px !important; }
.lj-mx .lj-mx-tabs { flex-wrap: nowrap !important; }
.lj-mx .lj-mx-tab { white-space: nowrap; padding: 8px 13px !important; font-size: 11px !important; letter-spacing: .04em !important; }
.lj-mx .lj-mx-demo { background: #131A2B !important; border: 1px solid rgba(255, 201, 77, 0.28) !important; border-radius: 24px !important;
  filter: drop-shadow(0 0 22px rgba(255, 201, 77, 0.10)); }
.lj-mx .lj-mx-row:not(.lj-mx-boost) .lj-mx-bar i { background: #454A58; }

/* Simple tools: dashboard screenshot lower (desktop only — stacks on mobile) */
@media (min-width: 768px) {
  section[data-section-id="69c2b8001a0de941e167ac1a"] .fe-block:has(img) { transform: translateY(90px); }
}

/* 5. Bio: image lower, caption tucked closer (desktop only) */
@media (min-width: 768px) {
  section[data-section-id="6a39dcb7bea1696349a2670b"] .fe-block:has(img) { transform: translateY(44px); }
  section[data-section-id="6a39dcb7bea1696349a2670b"] .fe-block-yui_3_17_2_1_1782176792394_23559 { transform: translateY(10px); }
}

/* Mobile: judge-seat — undo ALL desktop offsets (phones were pushed into pill rows), shrink pills */
@media (max-width: 767px) {
  section[data-section-id="69c236d56c1ef34ada0416be"] .fe-block.fe-block-yui_3_17_2_1_1774329172191_63540:has(img) { transform: rotate(-5deg); }
  section[data-section-id="69c236d56c1ef34ada0416be"] .fe-block.fe-block-6a5bb9839136754fa44d:has(img) { transform: rotate(5deg); }
  section[data-section-id="69c236d56c1ef34ada0416be"] a.sqs-button-element--tertiary {
    padding: 5px 14px !important; font-size: 11px !important; letter-spacing: .04em !important;
  }
}

/* Mobile: hide the protocol calculator (copy only) */
@media (max-width: 767px) {
  .lj-mx .lj-mx-demo { display: none !important; }
  .lj-mx .lj-mx-grid { grid-template-columns: 1fr !important; gap: 0 !important; }
  .lj-mx .lj-mx-copy p b { display: none; } /* "Try it ->" points at the hidden demo */
}

/* "You have the power": illustrations in white cards + lightbox */
section[data-section-id="6a10a1d13828fc0bd87dcbdc"] .fe-block img {
  background: #fff; border: 1px solid #E3E4E9; border-radius: 14px;
  padding: 14px; box-shadow: 0 10px 28px rgba(21, 27, 44, 0.10);
  cursor: zoom-in;
}
.lj-enlarge-note { text-align: center; color: #6B7280; font-size: 14px; margin: 10px auto 20px; }
@media (max-width: 767px) { .lj-enlarge-note { margin-top: 0; } }
.lj-lightbox {
  position: fixed; inset: 0; z-index: 9999; background: rgba(8, 10, 16, 0.88);
  display: flex; align-items: center; justify-content: center; cursor: zoom-out;
  padding: 4vmin;
}
.lj-lightbox img {
  max-width: 92vw; max-height: 92vh; width: auto; height: auto;
  background: #fff; border-radius: 10px; padding: 12px;
  box-shadow: 0 40px 120px rgba(0, 0, 0, 0.6);
}

/* Diagram lightbox: SS image overlay was swallowing clicks */
section[data-section-id="6a10a1d13828fc0bd87dcbdc"] .fluidImageOverlay { pointer-events: none; }

/* Mobile header: Open App button in place of the (dead) burger */
.header-display-mobile { position: relative; }
.lj-mobile-cta { display: inline-flex !important; align-items: center; white-space: nowrap;
  position: absolute !important; right: 4px; top: 50%; transform: translateY(-50%);
  padding: 9px 18px !important; font-size: 14px !important; }

/* Hero video: hard-fill the section at every viewport (iOS was letterboxing it small) */
.sqs-video-background-native { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; }
.sqs-video-background-native video { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; }

/* Hero eyebrow */
.lj-hero-eyebrow { text-align: center; letter-spacing: .18em; margin-bottom: 14px; }

/* Mobile: video section sized to the video's own 16:9 — no crop, no void */
@media (max-width: 767px) {
  section[data-section-id="6a3c5fef3addd647fa1eb85d"] { min-height: 52.71vw !important; height: 52.71vw !important; padding: 0 !important; }
  section[data-section-id="6a3c5fef3addd647fa1eb85d"] .content-wrapper { min-height: 0 !important; padding: 0 !important; }
}