/* PR #151 founder homepage Phase A. Exactly three collapsed pillars and one Match entry.
   Photo sources are isolated; later section layouts inherit the same palette. */
#entryView.byp-home-v4 .byp-founder-home{--byp-pink:#ff26b6;--byp-blue:#096dff;--byp-purple:#ab30fb;background:radial-gradient(circle at 5% 7%,#32104b66,transparent 30%),radial-gradient(circle at 94% 18%,#004ec340,transparent 37%),#080714;min-height:100vh;color:#fff;font-family:system-ui,-apple-system,sans-serif}
#entryView.byp-home-v4 .byp-founder-home .byp-v4-shell{max-width:1200px;margin:auto;padding:22px clamp(12px,2.5vw,26px) 96px}
#entryView.byp-home-v4 .byp-founder-home .byp-v4-hero{padding:12px 0 22px;max-width:1100px;margin:0 auto;display:block;min-height:0}
#entryView.byp-home-v4 .byp-founder-home .byp-v4-hero-copy{text-align:center}
#entryView.byp-home-v4 .byp-founder-home .byp-v4-hero p{font-size:clamp(13px,1.5vw,17px);line-height:1.6;margin:8px auto 0;max-width:780px;color:#f1e8ff}
#entryView.byp-home-v4 .byp-founder-title{display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,23px)}
#entryView.byp-home-v4 .byp-founder-title img{width:clamp(50px,7vw,95px);height:clamp(50px,7vw,95px);object-fit:contain;flex-shrink:0}
#entryView.byp-home-v4 .byp-founder-title h1{font-family:system-ui,-apple-system,sans-serif;letter-spacing:-.055em;font-weight:950;font-size:clamp(34px,6vw,76px);margin:0;line-height:1.05;text-align:left}
#entryView.byp-home-v4 .byp-founder-title h1 em{font-style:italic;background:linear-gradient(90deg,#ff1caa,#ec33f6 53%,#1874ff);background-clip:text;-webkit-background-clip:text;color:transparent}
#entryView.byp-home-v4 .byp-founder-pillars{display:flex;flex-direction:column;gap:16px;max-width:1140px;margin:0 auto}
#entryView.byp-home-v4 .byp-pillar{--accent:var(--byp-pink);overflow:hidden;border:2px solid var(--accent);border-radius:22px;background:#111020;box-shadow:0 13px 34px #05030d99}
#entryView.byp-home-v4 .byp-pillar-growth{--accent:var(--byp-blue)}
#entryView.byp-home-v4 .byp-pillar-enjoyment{--accent:var(--byp-purple)}
#entryView.byp-home-v4 .byp-pillar>summary{cursor:pointer;list-style:none;position:relative;display:block;min-height:220px;outline-offset:5px}
#entryView.byp-home-v4 .byp-pillar>summary::-webkit-details-marker{display:none}
#entryView.byp-home-v4 .byp-pillar>summary:focus-visible{outline:3px solid white}
#entryView.byp-home-v4 .byp-pillar-cover{display:block;height:clamp(205px,28vw,335px);background:radial-gradient(circle at 45% 20%,#211740,#080714 72%);overflow:hidden}
#entryView.byp-home-v4 .byp-pillar-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
#entryView.byp-home-v4 .byp-pillar-bar{position:absolute;inset:auto 0 0;display:flex;align-items:center;gap:12px;padding:13px 20px;background:linear-gradient(0deg,#090716ee,#090716c5 85%,transparent);text-shadow:0 2px 7px #000}
#entryView.byp-home-v4 .byp-pillar-bar b{font-size:clamp(24px,3.5vw,35px);line-height:1}
#entryView.byp-home-v4 .byp-pillar-bar small{font-size:clamp(12px,1.5vw,15px);font-weight:750;color:#fff;opacity:.95;margin-left:6px}
#entryView.byp-home-v4 .byp-pillar-expand{margin-left:auto;display:grid;place-items:center;border-radius:50%;border:1px solid #ffffff85;background:var(--accent);height:43px;width:43px;font-size:31px;line-height:1}
#entryView.byp-home-v4 .byp-pillar[open] .byp-pillar-expand{transform:rotate(45deg)}
#entryView.byp-home-v4 .byp-pillar-content{padding:22px clamp(12px,3vw,26px) 26px;background:linear-gradient(120deg,#151022,#0a1124)}
#entryView.byp-home-v4 .byp-pillar-content>p{font-size:clamp(13px,1.5vw,16px);color:#e7dcfa;line-height:1.5;margin:0 0 18px}
#entryView.byp-home-v4 .byp-pillar-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#entryView.byp-home-v4 .byp-pillar-steps button{background:#110d22;color:white;min-height:72px;border:1px solid #ffffff30;border-radius:14px;cursor:pointer;display:flex;align-items:center;text-align:left;gap:14px;padding:8px 14px 8px 8px;font:800 clamp(14px,1.55vw,18px)/1.25 system-ui}
#entryView.byp-home-v4 .byp-pillar-steps button:hover,#entryView.byp-home-v4 .byp-pillar-steps button:focus-visible{border-color:var(--accent);outline-offset:3px}
#entryView.byp-home-v4 .byp-pillar-steps img{width:72px;height:56px;border-radius:9px;object-fit:cover;flex-shrink:0}
#entryView.byp-home-v4 .byp-pillar-steps button>span:last-child{margin-left:auto;font-size:24px;color:var(--accent)}
#entryView.byp-home-v4 .byp-pillar-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
#entryView.byp-home-v4 .byp-pillar-actions .byp-v4-primary{background:linear-gradient(100deg,#ff20aa,#ab35f0,#1874ff)}
#entryView.byp-home-v4 .byp-founder-match{margin:21px auto 0;max-width:1140px;padding:11px 11px 15px;border:3px solid var(--byp-purple);border-radius:22px;background:#110923}
#entryView.byp-home-v4 .byp-founder-match-link{display:block;position:relative;overflow:hidden;border-radius:15px;color:white;text-decoration:none}
#entryView.byp-home-v4 .byp-founder-match-link img{display:block;width:100%;height:auto;max-height:510px;object-fit:contain;background:#080514}
#entryView.byp-home-v4 .byp-founder-match-label{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px clamp(15px,3vw,26px);background:linear-gradient(0deg,#17072ef7,#10061eea 75%,#08051450);font-size:clamp(21px,3.5vw,40px);font-weight:950}
#entryView.byp-home-v4 .byp-founder-match p{color:#e7d8f6;text-align:center;margin:10px 5px 0;font-size:14px}
#entryView.byp-home-v4 .byp-founder-mobile-nav{display:none}
body.byp-signed-in:has(#entryView.byp-home-v4:not(.hidden)) #byp-nav{display:grid!important}
@media(min-width:920px){
 body.byp-signed-in:has(#entryView.byp-home-v4:not(.hidden)){padding-top:66px!important}
 body.byp-signed-in:has(#entryView.byp-home-v4:not(.hidden)) .byp-founder-home .byp-v4-nav{display:none}
}
@media(max-width:919px){
 body.byp-signed-in:has(#entryView.byp-home-v4:not(.hidden)){padding-bottom:calc(66px + env(safe-area-inset-bottom))!important}
 #entryView.byp-home-v4 .byp-founder-home .byp-v4-nav{display:none}
 #entryView.byp-home-v4 .byp-founder-home .byp-v4-shell{padding-bottom:calc(80px + env(safe-area-inset-bottom))}
 #entryView.byp-home-v4 .byp-founder-mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:930;display:flex;justify-content:space-around;gap:3px;padding:8px 4px calc(8px + env(safe-area-inset-bottom));background:#080714f2;backdrop-filter:blur(14px);border-top:1px solid #ffffff44}
 #entryView.byp-home-v4 .byp-founder-mobile-nav>*{font-size:11px;font-weight:800;color:#fff;background:none;border:0;text-decoration:none;min-height:44px;min-width:52px;display:grid;place-items:center;cursor:pointer}
 body.byp-signed-in:has(#entryView.byp-home-v4:not(.hidden)) .byp-founder-mobile-nav{display:none}
}
@media(max-width:620px){
 #entryView.byp-home-v4 .byp-pillar-cover{height:215px}
 #entryView.byp-home-v4 .byp-pillar-steps{grid-template-columns:minmax(0,1fr)}
 #entryView.byp-home-v4 .byp-pillar-bar{padding:12px 13px}
 #entryView.byp-home-v4 .byp-pillar-bar small{max-width:110px}
 #entryView.byp-home-v4 .byp-pillar-steps button{min-height:65px}
 #entryView.byp-home-v4 .byp-founder-title h1{font-size:clamp(31px,7vw,46px)}
}
@media(prefers-reduced-motion:reduce){
 #entryView.byp-home-v4 .byp-pillar-expand{transition:none}
}


/* PR #151 founder review: large image tells visitors what will open.
   Small unobtrusive cue next to the original plus; no duplicate category name
   and no extra text on the premium picture's centered printed lettering. */
#entryView.byp-home-v4 .byp-pillar-cue{
  margin-left:auto;display:inline-flex;align-items:center;justify-content:center;
  min-height:32px;padding:5px 10px;border:1px solid #ffffffb3;border-radius:999px;
  background:#0b071fe0;color:#fff;font:850 clamp(10px,1.3vw,13px)/1.1 system-ui;
  letter-spacing:.02em;text-shadow:0 1px 3px #000;white-space:nowrap;
}
#entryView.byp-home-v4 .byp-pillar[open] .byp-pillar-cue-closed,
#entryView.byp-home-v4 .byp-pillar:not([open]) .byp-pillar-cue-open{display:none}
#entryView.byp-home-v4 .byp-pillar[open] .byp-pillar-cue-open{display:inline}
#entryView.byp-home-v4 .byp-pillar.byp-premium-image-active .byp-pillar-expand{margin-left:6px!important}
#entryView.byp-home-v4 .byp-pillar-opened-message{
  margin:0 0 7px!important;padding:8px 11px!important;
  border-left:3px solid var(--accent);border-radius:6px;
  background:#ffffff0b;color:#fff;font:850 clamp(12px,1.55vw,15px)/1.35 system-ui!important;
}
#entryView.byp-home-v4 .byp-pillar-content{scroll-margin-top:20px}
@media(max-width:470px){
 #entryView.byp-home-v4 .byp-pillar-cue{font-size:10px;min-height:29px;padding:5px 8px}
 #entryView.byp-home-v4 .byp-pillar-expand{height:37px;width:37px}
}

/* Keep BYP actions focused and allow the mini app without forcing a visit. */
#entryView.byp-home-v4 .byp-pillar-mini-note{
 margin:11px 0 0!important;font:500 13px/1.45 system-ui!important;color:#ddd1ec!important;
}
#entryView.byp-home-v4 .byp-pillar-mini-note a{
 color:#94d9ff;font-weight:850;text-decoration:underline;text-underline-offset:3px;
}
#entryView.byp-home-v4 .byp-pillar-actions [data-own-activity]{
 min-height:45px;padding:11px 16px;border:1px solid var(--accent);
 border-radius:999px;color:#fff;background:#130c27;font:850 13px/1.2 system-ui;
 cursor:pointer;
}
/* Founder-reviewed compact hero: real approved logo at right, two-line headline
   and purpose copy directly below it. No reordering of Daily Balance, Match or
   the three Life pillars. Mobile widths keep both lines readable. */
#entryView.byp-home-v4 .byp-founder-home .byp-v4-hero{
  padding:8px 0 12px;max-width:1140px;min-height:0;
}
#entryView.byp-home-v4 .byp-founder-home .byp-v4-hero-copy{
  text-align:left;min-width:0;
}
#entryView.byp-home-v4 .byp-founder-hero-top{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,245px);
  gap:clamp(15px,3vw,38px);align-items:center;max-width:1100px;margin:0 auto;
}
#entryView.byp-home-v4 .byp-founder-hero-intro{min-width:0}
#entryView.byp-home-v4 .byp-founder-hero-top .byp-founder-title{
  display:flex;justify-content:flex-start;align-items:center;
  gap:clamp(8px,1.6vw,18px);min-width:0;
}
#entryView.byp-home-v4 .byp-founder-hero-top .byp-founder-title img{
  width:clamp(48px,6vw,76px);height:auto;max-height:86px;object-fit:contain;
}
#entryView.byp-home-v4 .byp-founder-hero-top .byp-founder-title h1{
  font-size:clamp(36px,5.2vw,69px);line-height:1.04;letter-spacing:-.055em;
  margin:0;max-width:none;min-width:0;white-space:normal;text-align:left;
}
#entryView.byp-home-v4 .byp-founder-hero-top .byp-founder-title h1 .byp-hero-first-line,
#entryView.byp-home-v4 .byp-founder-hero-top .byp-founder-title h1 em{
  display:block;white-space:nowrap;
}
#entryView.byp-home-v4 .byp-founder-hero-intro .byp-founder-hero-description{
  margin:14px 0 0;padding-left:clamp(56px,7.6vw,94px);
  max-width:690px;font-size:clamp(14px,1.35vw,17px);
  line-height:1.5;color:#eee7f5;text-align:left;
}
#entryView.byp-home-v4 .byp-v4-hero-brand{
  display:flex;justify-content:center;align-items:center;min-width:0;
  align-self:center;padding:4px;border-radius:18px;
}
#entryView.byp-home-v4 .byp-v4-hero-brand img{
  display:block;width:clamp(160px,20vw,245px)!important;
  height:auto!important;max-width:100%!important;max-height:190px!important;
  object-fit:contain;filter:drop-shadow(0 0 19px rgba(156,49,251,.25));
}
#entryView.byp-home-v4 .byp-home-daily{
  margin:10px auto 14px;padding:16px clamp(15px,2vw,22px);gap:16px;
}
#entryView.byp-home-v4 .byp-founder-match{margin:12px auto 18px}
body.byp-signed-in:has(#entryView.byp-home-v4:not(.hidden)) .byp-founder-home .byp-v4-top{display:none}
@media(max-width:760px){
  #entryView.byp-home-v4 .byp-founder-hero-top{
    grid-template-columns:minmax(0,1fr) minmax(100px,26%);gap:11px;
  }
  #entryView.byp-home-v4 .byp-founder-hero-top .byp-founder-title h1{
    font-size:clamp(29px,5.9vw,45px);
  }
  #entryView.byp-home-v4 .byp-founder-hero-top .byp-founder-title img{
    width:clamp(36px,7vw,50px);
  }
  #entryView.byp-home-v4 .byp-founder-hero-intro .byp-founder-hero-description{
    padding-left:0;margin-top:12px;font-size:clamp(12px,2vw,14px);
  }
  #entryView.byp-home-v4 .byp-v4-hero-brand img{
    width:100%!important;max-height:125px!important;
  }
}
@media(max-width:480px){
  #entryView.byp-home-v4 .byp-founder-home .byp-v4-shell{padding-top:12px}
  #entryView.byp-home-v4 .byp-founder-hero-top{
    grid-template-columns:minmax(0,1fr) minmax(74px,23%);gap:8px;
  }
  #entryView.byp-home-v4 .byp-founder-hero-top .byp-founder-title{gap:5px}
  #entryView.byp-home-v4 .byp-founder-hero-top .byp-founder-title h1{
    font-size:clamp(24px,6.2vw,30px);letter-spacing:-.06em;
  }
  #entryView.byp-home-v4 .byp-founder-hero-top .byp-founder-title img{
    width:clamp(28px,8vw,36px);
  }
  #entryView.byp-home-v4 .byp-founder-hero-intro .byp-founder-hero-description{
    font-size:12px;line-height:1.45;margin-top:9px;
  }
  #entryView.byp-home-v4 .byp-home-daily{
    margin:8px auto 12px;padding:14px;gap:10px;
  }
}
