/* Override styles – loaded after Framer so we can tweak appearance */

/* Import handwriting font (Patrick Hand SC) from public/fonts */
@import url('/fonts/kindergarten.css');


#main {
  overflow: hidden;
}

/* Hide only videos INSIDE #main (Framer content). Hero is body > #hero-video-top so we never hide it. */
#main video {
  display: none !important;
}
/* Explicitly show Framer's Header Video when present (inside #main) */
#main [data-framer-name="Header"] [data-framer-name="Video"] video {
  display: block !important;
  visibility: visible !important;
  opacity: 0.5 !important;
}
/* Our injected hero – outside #main, so never hidden by the rule above. Force visible. */
body > #hero-video-top.hero-video-wrapper,
body > #hero-video-top.hero-video-wrapper video,
#hero-video-top,
#hero-video-top video,
.hero-video-wrapper,
.hero-video-wrapper video {
  display: block !important;
  visibility: visible !important;
}
#hero-video-top,
#hero-video-top video,
.hero-video-wrapper,
.hero-video-wrapper video {
  opacity: 0.4 !important;
}
body > #hero-video-top.hero-video-wrapper {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 70vh !important;
  z-index: 0 !important;
  background: transparent !important;
}
/* Framer's Header Video = hero: show it and make it the background layer */
[data-framer-name="Header"] [data-framer-name="Video"],
[data-framer-name="Header"] [data-framer-name="Video"] video {
  display: block !important;
  visibility: visible !important;
  opacity: 0.5 !important;
}
[data-framer-name="Header"] [data-framer-name="Video"] {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  z-index: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
[data-framer-name="Header"] [data-framer-name="Video"] video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Only hide duplicate hero wrappers; never hide Framer's Vid container or #main's first wrapper */
.hero-video-wrapper ~ .hero-video-wrapper {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Hero video: Framer's Vid container or #main wrapper – fixed-style background, z-index 0 */
#main {
  position: relative !important;
}
/* Framer Header "Vid" container: override height:0, act as fixed background behind header/content */
[data-framer-name="Vid"].hero-video-wrapper,
#main > .hero-video-wrapper {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 0 !important;
  width: 100% !important;
  height: 70vh !important;
  min-height: 70vh !important;
  max-height: 70vh !important;
  overflow: hidden !important;
  line-height: 0 !important;
  pointer-events: none !important;
  display: block !important;
  visibility: visible !important;
  margin: 0 !important;
  padding: 0 !important;
}
#main > .hero-video-wrapper video,
.hero-video-wrapper video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
/* Header section: stacking context so Vid (z-index 0) sits behind; content and pseudo overlay above */
[data-framer-name="Header"] {
  position: relative !important;
  z-index: 1 !important;
  overflow: visible !important;
  background: transparent !important;
}
/* Top layout container (nav + header area) transparent so hero video shows through */
#main,
#main > div,
#main > div[data-layout-template="true"],
#main .framer-1bmvd1p-container,
.framer-dL1NQ.framer-2y6l45,
#header,
[data-framer-name="Header"],
[data-framer-name="Header"] .framer-c2ifez,
[data-framer-name="Header"] .framer-5w8sbq,
[data-framer-name="Header"] .framer-73wks8 {
  background: transparent !important;
}
/* Header content (not Vid) and pseudo overlay above the video */
[data-framer-name="Header"] > *:not([data-framer-name="Vid"]) {
  position: relative !important;
  z-index: 2 !important;
}
[data-framer-name="Header"]::before,
[data-framer-name="Header"]::after {
  z-index: 2 !important;
}
/* Content in #main (outside Vid) stacks above the video */
#main > *:not(.hero-video-wrapper) {
  position: relative !important;
  z-index: 1 !important;
}

/* Black block at end of body – no extra height, just covers any leak-through */
.footer-video-cover {
  display: block !important;
  width: 100% !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  background: #000 !important;
  position: relative !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* Prevent horizontal scrolling site-wide */
html,
body {
  overflow-x: hidden;
}

/* Character image in top right of heading region */
.heading-character {
  position: absolute !important;
  top: -130px !important;
  right: -20px !important;
  z-index: 100 !important;
  max-width: 200px;
  max-height: 200px;
  width: auto;
  height: auto;
  pointer-events: none;
}

/* "I'M AN ANGRY DEV." + CA: below header, full-width row, relative so it pushes content */
.angry-dev-title-wrapper {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-height: 7rem !important; /* reserve space on short viewports so hero doesn't overlap */
  padding: 1.5rem 0 !important;
  text-align: center !important;
  z-index: 10 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  pointer-events: auto !important;
}

/* Hero (Build in Public) section: keep in flow and add top spacing so it never overlaps angry-dev on short viewports */
.angry-dev-title-wrapper + *,
.hero-after-angry-dev {
  position: relative !important;
  padding-top: clamp(1rem, 4vh, 2rem) !important;
}

.angry-dev-title {
  color: #f30 !important;
  font-family: 'Patrick Hand SC', cursive !important;
  font-weight: 700 !important;
  font-size: clamp(1rem, 4vw, 1.7rem) !important;
  line-height: 1.2 !important;
  margin: 0 0 0.5rem 0 !important;
  text-transform: none !important;
  text-align: center !important;
}

.angry-dev-ca-line {
  color: #f30 !important;
  font-family: 'Patrick Hand SC', cursive !important;
  font-weight: 700 !important;
  font-size: clamp(1rem, 2.5vw, 1.4rem) !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  text-align: center !important;
}

.angry-dev-ca-copy {
  cursor: pointer !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  user-select: none !important;
}

.angry-dev-ca-copy:hover {
  opacity: 0.9 !important;
}

/* Community button under CA */
.angry-dev-community-btn {
  display: inline-block !important;
  margin-top: 0.75rem !important;
  padding: 0.6rem 1.5rem !important;
  background: #f30 !important;
  color: #000 !important;
  font-family: 'Patrick Hand SC', cursive !important;
  font-weight: 700 !important;
  font-size: 1.5rem !important;
  text-decoration: none !important;
  border: none !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

.angry-dev-community-btn:hover {
  opacity: 0.9 !important;
}

/* Keep hero buttons (Contact us + Community) on one row */
.hero-buttons-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

/* Community button to the RIGHT of Contact us in HERO */
.hero-community-btn {
  display: inline-block !important;
  margin-left: 0 !important;
  padding: 0.6rem 1.25rem !important;
  background: #f30 !important;
  color: #000 !important;
  font-family: 'Patrick Hand SC', cursive !important;
  font-weight: 700 !important;
  font-size: 1.35rem !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border: none !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
}

.hero-community-btn:hover {
  opacity: 0.9 !important;
}

/* Toast when CA copied */
.angry-dev-copy-toast {
  position: fixed !important;
  bottom: 2rem !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 9999 !important;
  padding: 0.6rem 1.2rem !important;
  background: rgba(0, 0, 0, 0.85) !important;
  color: #fff !important;
  font-family: 'Patrick Hand SC', cursive !important;
  font-size: 1rem !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
  animation: angry-dev-toast-in 0.2s ease-out !important;
}

.angry-dev-copy-toast-hide {
  animation: angry-dev-toast-out 0.3s ease-in forwards !important;
}

@keyframes angry-dev-toast-in {
  from { opacity: 0; transform: translateX(-50%) translateY(8px); }
  to { opacity: 1; transform: translateX(-50%) translateY(0); }
}

@keyframes angry-dev-toast-out {
  from { opacity: 1; transform: translateX(-50%) translateY(0); }
  to { opacity: 0; transform: translateX(-50%) translateY(-8px); }
}

/* Hide Framer's original span-heavy intro block (ssr-variant) so only our .intro-paragraphs shows */
.framer-1ixp5p9-container .ssr-variant,
.framer-1ixp5p8-container .ssr-variant {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Intro paragraphs (About section) */
.intro-paragraphs {
  position: relative !important;
  z-index: 100 !important;
  color: rgb(255, 255, 255) !important;
  font-family: Geist, "Geist Placeholder", sans-serif !important;
  font-size: 28px !important;
  font-weight: 500 !important;
  line-height: 1.2em !important;
  margin: 2em auto !important;
  max-width: 100% !important;
  padding: 0 0px !important;
  width: 100%;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: transparent !important;
  pointer-events: auto !important;
}

.intro-paragraphs p {
  margin: 0 0 1.4em 0 !important;
  color: rgb(255, 255, 255) !important;
  font-family: Geist, "Geist Placeholder", sans-serif !important;
  font-size: 28px !important;
  font-weight: 500 !important;
  line-height: 1.2em !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.intro-paragraphs p:last-child {
  margin-bottom: 0;
}

/* Red aside paragraphs in intro (Patrick Hand SC) */
.intro-paragraphs .intro-aside {
  color: #f30 !important;
  font-family: 'Patrick Hand SC', cursive !important;
  font-weight: 700 !important;
  font-size: 0.95em !important;
  line-height: 1.2 !important;
  margin: 0 0 1.4em 0 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  text-transform: uppercase !important;
}

.intro-paragraphs .intro-aside:last-child {
  margin-bottom: 0 !important;
}

/* Text between final intro paragraph and "Funding and categories" */
.intro-after-text {
  position: relative !important;
  z-index: 100 !important;
  color: rgb(255, 255, 255) !important;
  font-family: Geist, "Geist Placeholder", sans-serif !important;
  font-size: 28px !important;
  font-weight: 500 !important;
  margin: 2em auto 2em !important;
  max-width: 720px !important;
  padding: 0 40px !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Wrapper so comment always appears as a full-width block below the logos row */
.logos-comment-wrapper {
  display: block !important;
  width: 100% !important;
  flex-basis: 100% !important;
  min-width: 100% !important;
  clear: both;
  margin-top: 2em;
  margin-bottom: 0;
  padding-top: 1em;
  grid-column: 1 / -1;
}

/* Red aside under "build in public" paragraph (Patrick Hand SC) */
.build-in-public-aside-wrapper {
  display: block !important;
  margin: 0 0 1.5em 0 !important;
}

.build-in-public-aside {
  color: #f30 !important;
  font-family: 'Patrick Hand SC', cursive !important;
  font-weight: 700 !important;
  font-size: 1.9em !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  text-transform: uppercase !important;
}

/* Red aside under "At least one project... receive funding by this date" (Winners announced) */
.winners-announced-aside-wrapper {
  display: block !important;
  margin: 0 0 1.5em 0 !important;
}

.winners-announced-aside {
  color: #f30 !important;
  font-family: 'Patrick Hand SC', cursive !important;
  font-weight: 700 !important;
  font-size: 1.9em !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  text-transform: uppercase !important;
}

/* no.png image (absolute) + large red "No." text (below heading, centered) under "Ready to build?" */
.ready-to-build-no-wrapper {
  position: relative !important;
  display: block !important;
  text-align: center !important;
  margin: 1em auto !important;
  width: 100% !important;
  pointer-events: none !important;
}

.ready-to-build-no-img {
  position: absolute !important;
  top: -0.5em !important;
  right: -1.5em !important;
  display: block !important;
  max-width: min(280px, 25vw) !important;
  height: auto !important;
  margin: 0 !important;
}

.ready-to-build-no {
  color: #f30 !important;
  font-family: 'Patrick Hand SC', cursive !important;
  font-weight: 700 !important;
  font-size: clamp(3rem, 12vw, 8rem) !important;
  line-height: 1.1 !important;
  margin: 0 !important;
  display: block !important;
  text-align: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  letter-spacing: 0.02em !important;
}

/* Red aside under "Ongoing investment... longer timeframe to gain market attention" */
.ongoing-investment-aside-wrapper {
  display: block !important;
  margin: 0 0 1.5em 0 !important;
}

.ongoing-investment-aside {
  color: #f30 !important;
  font-family: 'Patrick Hand SC', cursive !important;
  font-weight: 700 !important;
  font-size: 1.9em !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  text-transform: uppercase !important;
}

/* Red aside under "Teams submit the application form... Building in public includes streaming progress" */
.teams-submit-aside-wrapper {
  display: block !important;
  margin: 0 0 1.5em 0 !important;
}

.teams-submit-aside {
  color: #f30 !important;
  font-family: 'Patrick Hand SC', cursive !important;
  font-weight: 700 !important;
  font-size: 1.9em !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  text-transform: uppercase !important;
}

/* Red aside under "This framework creates a new path... early supporters to participate" */
.framework-aside-wrapper {
  display: block !important;
  margin: 0 0 1.5em 0 !important;
}

.framework-aside {
  color: #f30 !important;
  font-family: 'Patrick Hand SC', cursive !important;
  font-weight: 700 !important;
  font-size: 1.9em !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  text-transform: uppercase !important;
}

/* Red aside under "The market acts as the judge... abandon it early and move on" */
.market-judge-aside-wrapper {
  display: block !important;
  margin: 0 0 1.5em 0 !important;
}

.market-judge-aside {
  color: #f30 !important;
  font-family: 'Patrick Hand SC', cursive !important;
  font-weight: 700 !important;
  font-size: 1.9em !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  text-transform: uppercase !important;
}

/* Red aside under "Launch a coin... Projects do not need to be crypto-native" (Create a coin section) */
.launch-coin-aside-wrapper {
  display: block !important;
  margin: 0 0 1.5em 0 !important;
}

.launch-coin-aside {
  color: #f30 !important;
  font-family: 'Patrick Hand SC', cursive !important;
  font-weight: 700 !important;
  font-size: 1.9em !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  text-transform: uppercase !important;
}

/* Centered red comment under the partner logos (home + advisors) */
.logos-comment {
  display: block !important;
  width: 100%;
  flex-basis: 100%;
  min-width: 100%;
  text-align: center;
  color: #f30 !important;
  font-family: 'Patrick Hand SC', cursive;
  font-weight: 700;
  font-size: 1.2em;
  margin: 0;
  line-height: 1.3;
  pointer-events: none;
  visibility: visible !important;
  opacity: 1 !important;
}

/* ---------------------------------------------------------------------------
   Hero "Hackathon" → hand-drawn strike-through + angled "Scamathon" overlay
   (Requires .hackathon-edited wrapper added by override.js)
   --------------------------------------------------------------------------- */

.hackathon-edited {
  position: relative;
  display: inline-block;
}

/* Hand-drawn white strikethrough (slightly wavy, imperfect) */
.hackathon-edited .hackathon-struck {
  position: relative;
}

/* Slightly wavy, hand-drawn style line (SVG path) */
.hackathon-edited .hackathon-struck::after {
  content: '';
  position: absolute;
  left: -3%;
  top: 40%;
  width: 106%;
  height: 0.35em;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14'%3E%3Cpath fill='none' stroke='red' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M0 7 Q20 4 45 8 Q70 3 100 7 Q130 11 160 6 Q180 4 200 8'/%3E%3C/svg%3E") center center / 100% 100% no-repeat;
  pointer-events: none;
  opacity: 0.9;
}

/* Angled "Scamathon" in Patrick Hand SC (hero – keep this positioning) */
.hackathon-edited .scamathon-overlay {
  position: absolute;
  right: -50;
  top: -52px;
  text-transform: uppercase;
  font-family: 'Patrick Hand SC', cursive;
  font-weight: 700;
  font-size: 0.65em;
  color: #f30;
  white-space: nowrap;
  transform: rotate(5deg);
  transform-origin: left center;
  letter-spacing: 0.02em;
  line-height: 1.1;
  pointer-events: none;
  text-shadow: 0 0 4px rgba(0,0,0,0.85);
}

/* ---------------------------------------------------------------------------
   Advisors (and similar) section: "Hackathon advisors from" – unique style
   (different size/positioning than hero; adjust values here)
   --------------------------------------------------------------------------- */
.hackathon-edited-alt {
  position: relative;
  display: inline-block;
}

.hackathon-edited-alt .hackathon-struck {
  position: relative;
}

.hackathon-edited-alt .hackathon-struck::after {
  content: '';
  position: absolute;
  left: -3%;
  top: 50%;
  width: 106%;
  height: 0.35em;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14'%3E%3Cpath fill='none' stroke='red' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M0 7 Q20 4 45 8 Q70 3 100 7 Q130 11 160 6 Q180 4 200 8'/%3E%3C/svg%3E") center center / 100% 100% no-repeat;
  pointer-events: none;
  opacity: 0.9;
}

/* Advisors SCAMATHON overlay – closer to text, different size than hero */
.hackathon-edited-alt .scamathon-overlay-alt {
  position: absolute;
  left: -6px;
  right: auto;
  top: -24px;
  text-transform: uppercase;
  font-family: 'Patrick Hand SC', cursive;
  font-weight: 700;
  font-size: 1.32em;
  color: #f30;
  white-space: nowrap;
  transform: rotate(4deg);
  transform-origin: left center;
  letter-spacing: 0.02em;
  line-height: 1.1;
  pointer-events: none;
  text-shadow: 0 0 4px rgba(0,0,0,0.85);
}

/* Funding and categories section */
section#pricing {
  position: relative;
  z-index: 30;
}

/* #main (nav + content) stacks above hero video; transparent so video shows through at top */
#main {
  position: relative;
  z-index: 1;
  overflow: hidden !important;
  background: transparent !important;
}
/* First content block in #main (after hero wrapper) transparent so hero video shows through */
#main > .hero-video-wrapper + * {
  background: transparent !important;
}
/* Avoid clipping so hero video and layout work correctly (sections/divs can still overflow for layout) */
#main section,
#main div,
section#pricing,
section#pricing.framer-1a81p5g,
#pricing .framer-1onj3tv,
#pricing .framer-q80fch {
  overflow: visible !important;
}

/* ---------------------------------------------------------------------------
   Nav: "Apply now" → hand-drawn strikethrough + "BUY NOW" overlay
   --------------------------------------------------------------------------- */
.applynow-edited {
  position: relative;
  display: inline-block;
}

.applynow-edited .applynow-struck {
  position: relative;
}

.applynow-edited .applynow-struck::after {
  content: '';
  position: absolute;
  left: -3%;
  top: 35%;
  width: 106%;
  height: 0.55em;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14'%3E%3Cpath fill='none' stroke='red' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' d='M0 7 Q20 4 45 8 Q70 3 100 7 Q130 11 160 6 Q180 4 200 8'/%3E%3C/svg%3E") center center / 100% 100% no-repeat;
  pointer-events: none;
  opacity: 0.9;
}

/* BUY NOW: outside the button, rotated, negative left/bottom */
.applynow-edited .buynow-overlay {
  position: absolute;
  left: -32px;
  top: -42px;
  transform: rotate(-6deg);
  font-family: 'Patrick Hand SC', cursive;
  font-weight: 700;
  font-size: 1.5rem;
  color: #f30;
  white-space: nowrap;
  pointer-events: none;
  text-shadow: 0 0 4px rgba(0,0,0,0.85);
  z-index: 2;
}

/* ---------------------------------------------------------------------------
   "$3M for builders" → hand-drawn strike-through + angled "grifters" overlay
   Same style as Hackathon/Scamathon (requires .builders-edited from override.js)
   --------------------------------------------------------------------------- */

.builders-edited {
  position: relative;
  display: inline-block;
}

.builders-edited .builders-struck {
  position: relative;
}

.builders-edited .builders-struck::after {
  content: '';
  position: absolute;
  left: -3%;
  top: 50%;
  width: 106%;
  height: 0.35em;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14'%3E%3Cpath fill='none' stroke='red' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M0 7 Q20 4 45 8 Q70 3 100 7 Q130 11 160 6 Q180 4 200 8'/%3E%3C/svg%3E") center center / 100% 100% no-repeat;
  pointer-events: none;
  opacity: 0.9;
}

.builders-edited .grifters-overlay {
  position: absolute;
  right: -50;
  top: -52px;
  text-transform: none;
  font-family: 'Patrick Hand SC', cursive;
  font-weight: 700;
  font-size: 0.65em;
  color: #f30;
  white-space: nowrap;
  transform: rotate(5deg);
  transform-origin: left center;
  letter-spacing: 0.02em;
  line-height: 1.1;
  pointer-events: none;
  text-shadow: 0 0 4px rgba(0,0,0,0.85);
}

/* ---------------------------------------------------------------------------
   "demonstrate visible momentum" → strikethrough + "create the best, mindless
   pump and dump" underneath (subtitle block only, from override.js)
   --------------------------------------------------------------------------- */

.momentum-edited {
  position: relative;
  display: inline-block;
}

.momentum-edited .momentum-struck {
  position: relative;
}

/* Strikethrough covers the entire phrase "demonstrate visible momentum." */
.momentum-edited .momentum-struck::after {
  content: '';
  position: absolute;
  left: -25%;
  top: 50%;
  transform: translateY(-7px);
  width: 150%;
  height: 1em;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14'%3E%3Cpath fill='none' stroke='red' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M0 7 Q20 4 45 8 Q70 3 100 7 Q130 11 160 6 Q180 4 200 8'/%3E%3C/svg%3E") center center / 100% 100% no-repeat;
  pointer-events: none;
  opacity: 0.9;
}

.momentum-edited .pump-dump-overlay {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 4px;
  font-family: 'Patrick Hand SC', cursive;
  font-weight: 700;
  font-size: 1.4em;
  color: #f30;
  white-space: nowrap;
  line-height: 1.2;
  pointer-events: none;
  text-shadow: 0 0 4px rgba(0,0,0,0.85);
}

/* ---------------------------------------------------------------------------
   "winners" → hand-drawn strike-through + "INSIDERS" to bottom right (subtext under primary header)
   --------------------------------------------------------------------------- */
.winners-edited {
  position: relative;
  display: inline-block;
}

.winners-edited .winners-struck {
  position: relative;
}

.winners-edited .winners-struck::after {
  content: '';
  position: absolute;
  left: -3%;
  top: 42%;
  width: 106%;
  height: 0.5em;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14'%3E%3Cpath fill='none' stroke='red' stroke-width='6' stroke-linecap='round' stroke-linejoin='round' d='M0 7 Q20 4 45 8 Q70 3 100 7 Q130 11 160 6 Q180 4 200 8'/%3E%3C/svg%3E") center center / 100% 100% no-repeat;
  pointer-events: none;
  opacity: 0.9;
}

.winners-edited .insiders-overlay {
  position: absolute;
  left: 9px;
  top: 12px;
  transform: rotate(-2deg);
  margin-top: 4px;
  text-transform: none;
  font-family: 'Patrick Hand SC', cursive;
  font-weight: 700;
  font-size: 1.3em;
  color: #f30;
  white-space: nowrap;
  line-height: 1.2;
  pointer-events: none;
  text-shadow: 0 0 4px rgba(0,0,0,0.85);
}

/* "earn support" → strikethrough + below, slightly rotated "waste your time?" */
.earnsupport-edited {
  position: relative;
  display: inline-block;
}

.earnsupport-edited .earnsupport-struck {
  position: relative;
}

.earnsupport-edited .earnsupport-struck::after {
  content: '';
  position: absolute;
  left: -2%;
  top: 35;
  width: 104%;
  height: 0.5em;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14'%3E%3Cpath fill='none' stroke='red' stroke-width='6' stroke-linecap='round' stroke-linejoin='round' d='M0 7 Q20 4 45 8 Q70 3 100 7 Q130 11 160 6 Q180 4 200 8'/%3E%3C/svg%3E") center center / 100% 100% no-repeat;
  pointer-events: none;
  opacity: 0.9;
}

.earnsupport-edited .waste-overlay {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 2px;
  font-family: 'Patrick Hand SC', cursive;
  font-weight: 700;
  font-size: 1.1em;
  color: #f30;
  white-space: nowrap;
  line-height: 1.2;
  pointer-events: none;
  text-shadow: 0 0 4px rgba(0,0,0,0.85);
  transform: rotate(-3deg);
  transform-origin: left top;
}

/* "let the market" → strikethrough + "fall prey to the whims of fickle jeets and speculators" */
.letmarket-edited {
  position: relative;
  display: inline-block;
}

.letmarket-edited .letmarket-struck {
  position: relative;
}

.letmarket-edited .letmarket-struck::after {
  content: '';
  position: absolute;
  left: -2%;
  top: 8px;
  width: 100%;
  height: 0.5em;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14'%3E%3Cpath fill='none' stroke='red' stroke-width='6' stroke-linecap='round' stroke-linejoin='round' d='M0 7 Q20 4 45 8 Q70 3 100 7 Q130 11 160 6 Q180 4 200 8'/%3E%3C/svg%3E") center center / 100% 100% no-repeat;
  pointer-events: none;
  opacity: 0.9;
}

.letmarket-edited .jeets-overlay {
  position: absolute;
  left: -20px;
  top: -16px;
  margin-top: 4px;
  font-family: 'Patrick Hand SC', cursive;
  font-weight: 700;
  transform: rotate(0deg);
  font-size: 1.1em;
  color: #f30;
  white-space: nowrap;
  line-height: 1.2;
  pointer-events: none;
  text-shadow: 0 0 4px rgba(0,0,0,0.85);
}

/* ---------------------------------------------------------------------------
   "solo builders", "students", "early teams" → hand-drawn strikethrough only
   --------------------------------------------------------------------------- */
.solo-builders-edited,
.students-edited,
.early-teams-edited {
  position: relative;
  display: inline-block;
  font-family: 'Patrick Hand SC', cursive;
  font-size: 1.2em;
}

.solo-builders-edited .solo-builders-struck,
.students-edited .students-struck,
.early-teams-edited .early-teams-struck {
  position: relative;
}

.solo-builders-edited .solo-builders-struck::after,
.students-edited .students-struck::after,
.early-teams-edited .early-teams-struck::after {
  content: '';
  position: absolute;
  left: -3%;
  top: 50%;
  transform: translateY(-50%);
  width: 106%;
  height: 0.5em;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14'%3E%3Cpath fill='none' stroke='red' stroke-width='6' stroke-linecap='round' stroke-linejoin='round' d='M0 7 Q20 4 45 8 Q70 3 100 7 Q130 11 160 6 Q180 4 200 8'/%3E%3C/svg%3E") center center / 100% 100% no-repeat;
  pointer-events: none;
  opacity: 0.9;
}

.solo-builders-edited .solo-builders-overlay,
.students-edited .students-overlay,
.early-teams-edited .early-teams-overlay {
  display: none;
}

/* "vibe-coders" → bold red (no strikethrough) */
.vibe-coders-edited {
  position: relative;
  display: inline;
}

.vibe-coders-edited .vibe-coders-text {
  font-family: 'Patrick Hand SC', cursive;
  font-size: 1.2em;
  font-weight: bold;
  color: #f30;
}

.vibe-coders-edited .vibe-coders-overlay {
  display: none;
}

/* After "Deliver a fully functional product and prove product-market fit." → red bold "(and here lies the rub...)" */
.pmf-edited {
  position: relative;
  display: inline;
}

.pmf-edited .pmf-text {
  /* phrase itself unchanged */
}

.pmf-edited .pmf-rub-overlay {
  display: inline;
  margin-left: 0.25em;
  font-family: 'Patrick Hand SC', cursive;
  font-size: 1.2em;
  font-weight: bold;
  color: #f30;
  pointer-events: none;
  text-transform: uppercase;
}

/* After "proven product-market fit" → red bold bracketed KOLs/jeets comment */
.proven-pmf-edited {
  position: relative;
  display: inline;
}

.proven-pmf-edited .proven-pmf-text {
  /* phrase unchanged */
}

.proven-pmf-edited .proven-pmf-overlay {
  display: inline;
  margin-left: 0.25em;
  font-family: 'Patrick Hand SC', cursive;
  font-size: 1.2em;
  font-weight: bold;
  color: #f30;
  pointer-events: none;
  text-transform: uppercase;
}

/* After "Product was bad?" → red bold "(ya, it's called rugpulls)" */
.rugpulls-edited {
  position: relative;
  display: inline;
}

.rugpulls-edited .rugpulls-text {
  /* phrase unchanged */
}

.rugpulls-edited .rugpulls-overlay {
  display: inline;
  margin-left: 0.25em;
  font-family: 'Patrick Hand SC', cursive;
  font-size: 1.2em;
  font-weight: bold;
  color: #f30;
  pointer-events: none;
  text-transform: uppercase;
}