/* Fundly — overrides on top of the mirrored base. Palette, removals, CA slot. */
:root{
  --fundly-ink:#f5f7fa;
  --fundly-muted:#9aa1ad;
  --fundly-gold:#d9a85b;
  --fundly-ground:#0d1017;
  --fundly-line:rgba(217,168,91,.28);
  --fundly-ease:cubic-bezier(.16,1,.3,1);
}

/* ---- nothing from the inspiration site ships ------------------------------ */
#izwg2d,                                    /* hero avatar cluster            */
#im5p0b-2,#imo5gs-2,#idvtwj-2,              /* stock portraits                */
#iwpyv7,#igqob3{                            /* Peach logo + badge             */
  display:none !important;
}
/* Socials are linked only when they exist. Hide the whole column — hiding just the
   links left the column box in the footer grid, as an empty gap. */
#igl11n-3-2-3{display:none !important}

/* the marquee now carries abstract marks, not wordmarks */
#iavvwg,#ia2nmn,#ib6hoy,#icoxe2,#ir04gg,#ilo26s,#iz4pfk,#iz4pfk-2{
  opacity:.72;
  filter:none;
  transition:opacity .4s var(--fundly-ease);
}
#iavvwg:hover,#ia2nmn:hover,#ib6hoy:hover,#icoxe2:hover,
#ir04gg:hover,#ilo26s:hover,#iz4pfk:hover,#iz4pfk-2:hover{opacity:1}

/* ---- contract-address slot ----------------------------------------------- */
.fundly-ca{
  display:inline-flex;align-items:center;gap:.6em;
  font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  font-size:13px;letter-spacing:.04em;line-height:1;
  color:var(--fundly-muted);
  background:rgba(255,255,255,.04);
  border:1px solid var(--fundly-line);
  border-radius:999px;
  padding:.62em .95em;
  backdrop-filter:blur(8px);
  white-space:nowrap;
}
.fundly-ca__label{color:var(--fundly-gold);font-size:11px;letter-spacing:.14em}
.fundly-ca__value{color:var(--fundly-ink)}
.fundly-ca__copy{
  appearance:none;border:0;cursor:pointer;
  font:inherit;color:var(--fundly-gold);
  background:transparent;padding:0 .1em;
  transition:transform .3s var(--fundly-ease),opacity .3s var(--fundly-ease);
}
.fundly-ca__copy:hover{transform:translateY(-1px)}
.fundly-ca__copy.is-done{transform:scale(1.08);opacity:.75}
.fundly-ca[hidden]{display:none}

.fundly-buy{
  display:none;align-items:center;gap:.5em;
  font-size:13px;letter-spacing:.02em;text-decoration:none;
  color:#0b0b0b;background:var(--fundly-gold);
  border-radius:999px;padding:.72em 1.15em;
  transition:transform .35s var(--fundly-ease),box-shadow .35s var(--fundly-ease);
}
.fundly-buy.is-live{display:inline-flex}
.fundly-buy:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(217,168,91,.28)}

.fundly-slot{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  margin-top:26px;
}
.fundly-slot--footer{margin-top:14px}

@media (max-width:520px){
  .fundly-ca{font-size:11.5px;padding:.6em .8em}
}
@media (prefers-reduced-motion:reduce){
  .fundly-ca__copy,.fundly-buy{transition:none}
  .fundly-buy:hover,.fundly-ca__copy:hover{transform:none}
}

/* nav labels are longer than the inspiration site's — one line only where it fits */
@media (min-width:1180px){
  #ispyh-2-3-2-3-2-2-2,#ispyh-2-3-2-3-2-2-2-2,#ispyh-2-3-2-3-2-2-2-2-2,
  #ispyh-2-3-2-3-2-2-2-2-2-2,#ispyh-2-3-2-2-2-2,
  #ispyh-2-3-2-3-2-2-2-4,#ispyh-2-3-2-3-2-2-2-2-3,#ispyh-2-3-2-3-2-2-2-2-2-3,
  #ispyh-2-3-2-3-2-2-2-2-2-2-2,#ispyh-2-3-2-2-2-2-3{white-space:nowrap}
}
/* Nothing may push the page sideways, and the ground must never be white.
   The sections are transparent over the 3D canvas, so wherever one does not paint
   its own background the body shows through — which was rendering as white voids
   on the way down the page. */
html,body{max-width:100%;overflow-x:hidden;background:#0d1017 !important}
/* the scroll wrapper too, so nothing behind the sections can read as white */
#pwb-body-wrap{background:#0d1017}

/* ---- the supplied mark sits beside the wordmark, in the nav and the footer ---- */
#ispyh-2-3-2-3-3-2::before,
#ispyh-2-3-2-3-3-2-2::before,
#i5gga9-3::before{
  content:"";
  display:inline-block;
  width:.92em;
  height:.8em;
  margin-right:.4em;
  vertical-align:-.04em;
  background:url(/assets/fundly/logo.png?v=5fb6a97295) left center/contain no-repeat;
}

/* ---- the marketplace section --------------------------------------------
   Removed: the app at /app reads the factory and reports the real state, so a
   second "no funds yet" panel on the landing page only duplicates it. */
#ilwyn-2-2-2-2{display:none !important}

/* ---- footer band ---------------------------------------------------------
   A still image instead of the 3D object, which flew through the camera and had
   to be transmissive to avoid blacking out the screen. */
#injpw{
  position:relative;
  overflow:hidden;
  background:#0d1017 url(/assets/fundly/footer.webp?v=581af46dea) center 62%/cover no-repeat;
}
/* the loop sits under everything; the still above is what shows until it plays */
#injpw > .fundly-footer-loop{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 62%;
  z-index:0;pointer-events:none;
}
/* the same gradient the band always had, now as an overlay so it sits on the video too */
#injpw::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg, #0d1017 0%, rgba(13,16,23,.45) 30%, rgba(13,16,23,.70) 100%);
}
#injpw > *:not(.fundly-footer-loop){position:relative;z-index:2}

/* ---- the engine's preloader ----------------------------------------------
   Peachweb ships a full-screen overlay (#pwb-loading-wrap) painted #f8f5ff that
   only clears once every scene asset has finished downloading. Two problems on
   this site: it is near-white over a dark page, and if a single GLB stalls it
   never clears, so the visitor sits on a white screen with a spinner.

   Nothing on the page actually needs it. The copy, the images and the layout are
   all in the first paint; only the WebGL scene streams in, and it fades in by
   itself when it is ready. So never paint the overlay — the engine still removes
   the element on completion, this just stops it ever being seen. */
#pwb-loading-wrap{display:none !important}

/* ---- narrative loops ------------------------------------------------------
   The section stills that show an idea in motion are <video> now, with the still
   as poster. The engine sizes images by id, and a video with the same id picks
   those rules up; this only covers what an <img> gets for free. */
video.pw-image-style{display:block;object-fit:cover;background:var(--fundly-ground)}

/* ---- "Who it's for" cards -------------------------------------------------
   Each card holds an absolutely-positioned media wrapper (402x400) and the engine
   sizes the media inside it by its own rules: two of the three end up 281px wide,
   one is square-in-contain. Either way the picture sits in the card as a separate
   block with gaps around it. The intent is the picture *as the card's backdrop*,
   so the media fills its wrapper edge to edge and crops, and the wrapper clips at
   the card's own radius. */
#ilwyn-2-2-4 .pw-block-style:has(> .pw-image-style){
  /* One wrapper took its height from the media inside it; taking the media out
     of flow collapsed it to 0. So the wrapper is pinned to the card's bounds
     itself rather than trusting the engine's per-card sizing. */
  position:absolute !important;
  inset:0 !important;
  width:auto !important;
  height:auto !important;
  overflow:hidden;
  border-radius:inherit;
}
#ilwyn-2-2-4 .pw-block-style > .pw-image-style{
  position:absolute !important;
  inset:0;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:0 !important;
}

/* ---- "The loop": text box only ---------------------------------------------
   The big media under the heading is gone — the loop is already told in words
   and in three steps below, and the object did not add to it. Hiding the wrapper
   (not just the media) is what lets the section shrink to the text box. */
#ijuu9f{display:none !important}


/* ---- X link ---------------------------------------------------------------
   A 40px square on the header pill's own surface, and the same in the footer. */
.fundly-x{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;
  border-radius:8px;background:rgba(255,255,255,.08);color:#fff;flex:0 0 auto;
  transition:background .25s,color .25s}
.fundly-x:hover{background:rgba(255,255,255,.14);color:#d9a85b}
.fundly-x--nav{margin:0 4px 0 12px;align-self:center}
.fundly-x--footer{margin-left:12px}

/* ---- phone menu ----------------------------------------------------------
   The engine's hamburger panel (#iy2h61) kept the source site's light theme:
   a white sheet with black links, which on this site reads as a bug the moment
   it opens. It takes the header pill's surface instead. The X link and the
   wordmark inside it were white-on-white; both read now. */
#iy2h61{
  background:rgba(13,16,23,.97) !important;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.08);
}
#iy2h61 p,#iy2h61 div{color:#fff}
/* the panel's own CTA was black on black; make it the hero's white primary */
#i1lwz-2-2-2-2-2-2-3{background:#fff !important}
#i1lwz-2-2-2-2-2-2-3 p{color:#000 !important}
#i1lwz-2-2-2-2-2-2-3 img{filter:invert(1)}
/* The popup is gone at every width — the engine toggled it on any click in the
   header row, which read as a bug — and so is the hamburger that opened it. Below
   the engine's 480px breakpoint the pill stays, reduced to the X and "Explore funds";
   the sections' own CTAs carry the rest on a phone. */
#iy2h61,#i1lwz-2-3-4{display:none !important}
@media (max-width:480px){
  #imob0j-3-3-2{display:flex !important;align-items:center;position:absolute !important;right:12px;top:12px;
    height:52px;max-width:none;padding:0 6px;overflow:visible}
  /* the engine stacks this row into a 180px column with menu padding at phone width */
  #i1lwz-2-3-3-2{display:flex !important;flex-direction:row !important;align-items:center !important;
    justify-content:flex-end;gap:6px !important;height:auto !important;padding:0 !important;margin:0 !important}
  #i1lwz-2-3-3-2 > p{display:none !important}
  #i1lwz-2-2-2-2-2-2{height:40px !important;padding:10px 12px 10px 16px !important;margin:0 !important}
  .fundly-x--nav{margin:0 4px}
}