@import url('/final-v19.css?v=20260827-1');
@import url('/final-v19-authoritative.css?v=20260827-1');
@import url('/final-v21.css?v=20260827-1');

.join-explore summary{box-sizing:border-box!important;width:86px!important;height:auto!important;min-height:0!important;overflow:hidden!important;padding:12px 8px 9px!important;border-radius:16px 0 0 16px!important;display:inline-flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:6px!important}
.join-tab-copy{display:block!important;width:68px!important;overflow:visible!important;text-align:center!important}
.join-tab-copy small,.join-tab-copy strong{display:block!important;width:100%!important;white-space:nowrap!important;color:#102d3d!important;font-family:Arial,sans-serif!important;font-weight:800!important;line-height:1.08!important;text-transform:uppercase!important}
.join-tab-copy small:first-child{font-size:11px!important;letter-spacing:.1em!important;transform:scaleX(1.03)!important}
.join-tab-copy strong{margin-top:3px!important;font-size:21px!important;letter-spacing:.03em!important;transform:scaleX(1.01)!important}
.join-tab-copy small:last-child{margin-top:2px!important;font-size:14px!important;letter-spacing:.11em!important;transform:scaleX(1.02)!important}
.join-explore summary>b{display:block!important;margin:0!important;color:#795525!important;font:700 23px/.72 Georgia,serif!important;letter-spacing:-3px!important;animation:join-tab-nudge 1.9s ease-in-out infinite!important}
@keyframes join-tab-nudge{0%,58%,100%{transform:translateX(2px);opacity:.72}72%{transform:translateX(-5px);opacity:1}84%{transform:translateX(-1px);opacity:.88}}
.brevo-frame,.brevo-frame iframe{min-height:980px!important;height:980px!important;overflow:hidden!important}
.updates-blessing{position:relative;max-width:640px;margin:28px 0 0!important;padding:32px 34px 28px!important;overflow:hidden;text-align:left!important;border:1px solid rgba(240,199,102,.85)!important;border-top:5px solid var(--gold)!important;background:#fff8ea!important;box-shadow:0 15px 36px rgba(3,24,31,.22)}
.updates-blessing:after{position:absolute;right:-9px;bottom:-37px;color:rgba(16,61,112,.07);content:"✦";font-size:118px;line-height:1}
.scripture-label{position:relative;z-index:1;display:block;color:#a94722;font:900 10px/1 Arial,sans-serif;letter-spacing:.19em}
.updates-blessing blockquote{position:relative;z-index:1;margin:24px 0 22px!important;padding-left:38px;color:#102b3d!important;font-style:normal!important}
.updates-blessing .scripture-mark{position:absolute;top:-17px;left:-3px;color:#d59a2d;font:400 62px/1 Georgia,serif}
.updates-blessing blockquote p{max-width:530px;margin:0;font:500 clamp(22px,2.2vw,30px)/1.35 Georgia,"Times New Roman",serif}
.updates-blessing cite{display:block!important;margin-top:17px!important;color:#164b39;font:800 12px/1 Arial,sans-serif!important;letter-spacing:.13em;text-transform:uppercase}
.updates-blessing>strong{position:relative;z-index:1;display:block!important;border-top:1px solid rgba(16,43,61,.16);padding-top:19px;color:#164b39!important;font:700 16px/1.5 Georgia,"Times New Roman",serif!important}
@media(max-width:600px){.join-explore summary{width:80px!important;padding:11px 7px 8px!important}.join-tab-copy{width:64px!important}.join-tab-copy small:first-child{font-size:10px!important}.join-tab-copy strong{font-size:20px!important}.join-tab-copy small:last-child{font-size:13px!important}.brevo-frame,.brevo-frame iframe{min-height:1040px!important;height:1040px!important}.updates-blessing{padding:28px 23px 24px!important}.updates-blessing blockquote{padding-left:29px}.updates-blessing blockquote p{font-size:22px}}

.join-thanks-social{padding:46px max(7vw,30px) 30px;background:#051827;color:#fff}
.join-thanks-social>span{display:block;margin-bottom:14px;color:#f0c766;font:900 10px/1 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.join-thanks-social-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.join-thanks-social-links a{min-height:47px;padding:9px 10px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.22);color:#eef4f3;font:900 10px/1.25 Arial,sans-serif;letter-spacing:.05em;text-align:center;text-decoration:none;text-transform:uppercase}
.join-thanks-social-links a:hover,.join-thanks-social-links a:focus-visible{background:#f0c766;border-color:#f0c766;color:#102b3d}
.join-thanks-meta{display:flex;justify-content:space-between;gap:22px;margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.62);font-size:11px}
@media(max-width:700px){.join-thanks-social-links{grid-template-columns:repeat(2,minmax(0,1fr))}.join-thanks-meta{flex-direction:column;text-align:center}}


.join-explore summary{width:64px!important;min-width:64px!important;min-height:0!important;padding:10px 5px 9px 1px!important;border-radius:14px 0 0 14px!important;gap:4px!important}
.join-tab-copy{width:52px!important;transform:translateX(-2px)!important;text-align:center!important}
.join-tab-copy small:first-child{font-size:9px!important;letter-spacing:.09em!important}
.join-tab-copy strong{margin-top:4px!important;font-size:18px!important;letter-spacing:0!important}
.join-tab-copy small:last-child{margin-top:4px!important;font-size:11px!important;letter-spacing:.09em!important}
.join-explore summary>b{font-size:20px!important;line-height:.75!important}
.brevo-frame,.brevo-frame iframe{min-height:650px!important;height:650px!important}


.join-unified-footer{box-sizing:border-box;padding:52px max(6vw,28px) 28px;background:#061b29;color:#f7f3e8}
.join-footer-intro{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,.75fr);gap:34px 70px;align-items:end}
.join-footer-brand{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none}
.join-footer-brand .mark{display:grid;width:38px;height:38px;place-items:center;border:1px solid #f0c766;border-radius:50%;color:#f0c766;font-size:25px}
.join-footer-brand b{display:block;font:900 14px/1 Arial,sans-serif;letter-spacing:.16em}
.join-footer-brand span:last-child{font:600 11px/1.35 Arial,sans-serif;letter-spacing:.1em}
.join-footer-statement{max-width:570px;margin:20px 0 0;color:#dce7e4;font:400 clamp(24px,2.6vw,38px)/1.18 Georgia,serif}
.join-footer-statement strong{color:#f0c766;font-weight:400}
.join-footer-links{display:grid;gap:11px;justify-items:start}
.join-footer-links a{color:#dce7e4;font:800 11px/1.2 Arial,sans-serif;letter-spacing:.09em;text-decoration:none;text-transform:uppercase}
.join-footer-links a:hover,.join-footer-links a:focus-visible{color:#f0c766}
.join-footer-social{margin-top:38px;padding-top:30px;border-top:1px solid rgba(255,255,255,.16)}
.join-footer-label{display:block;margin-bottom:16px;color:#f0c766;font:900 10px/1 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}
.join-footer-social nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.join-footer-social nav a{box-sizing:border-box;min-height:54px;padding:10px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.22);color:#f5f7f6;font:900 10px/1.25 Arial,sans-serif;letter-spacing:.045em;text-align:center;text-decoration:none;text-transform:uppercase}
.join-footer-social nav a:hover,.join-footer-social nav a:focus-visible{border-color:#f0c766;background:#f0c766;color:#102b3d}
.join-footer-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:13px 28px;margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.66);font:500 11px/1.5 Arial,sans-serif}
.join-footer-meta a{color:inherit;text-decoration:none}
.join-footer-social-id{color:#f0c766;font-weight:800;letter-spacing:.035em}
.join-footer-email,.join-footer-copyright{color:rgba(255,255,255,.62)!important}
.join-footer-privacy{display:flex;align-items:center;justify-content:flex-end;gap:17px;margin-left:auto}
.join-footer-privacy a,.join-privacy-choices{color:rgba(255,255,255,.66)!important;font:700 10px/1.2 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.join-privacy-choices{padding:0;cursor:pointer;background:none;border:0}
.join-footer-privacy a:hover,.join-footer-privacy a:focus-visible,.join-privacy-choices:hover,.join-privacy-choices:focus-visible{color:#f0c766!important}
@media(max-width:700px){
  .join-explore summary{width:62px!important;min-width:62px!important;padding:9px 4px 8px 0!important}
  .join-tab-copy{width:51px!important;transform:translateX(-2px)!important}
  .join-tab-copy strong{font-size:17px!important}
  .brevo-frame,.brevo-frame iframe{min-height:720px!important;height:720px!important}
  .join-footer-intro{grid-template-columns:1fr;gap:28px}
  .join-footer-social nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .join-footer-meta{flex-direction:column}
  .join-footer-privacy{margin-left:0;justify-content:flex-start}
}
/* Final v22: keep the invitation tab compact at every viewport. */
html body main details.join-explore>summary{box-sizing:border-box!important;width:70px!important;min-width:70px!important;max-width:70px!important;min-height:0!important;padding:10px 5px 8px!important;border-radius:14px 0 0 14px!important;overflow:hidden!important;gap:3px!important}
html body .join-tab-copy{width:58px!important;transform:translateX(-1px)!important}
html body .join-tab-copy small:first-child{font-size:9px!important;letter-spacing:.08em!important}
html body .join-tab-copy strong{margin-top:3px!important;font-size:18px!important;letter-spacing:0!important}
html body .join-tab-copy small:last-child{margin-top:3px!important;font-size:11px!important;letter-spacing:.08em!important}
html body .join-explore summary>b{font-size:19px!important}
@media(max-width:600px){html body main details.join-explore>summary{width:66px!important;min-width:66px!important;max-width:66px!important;padding:9px 4px 7px!important}html body .join-tab-copy{width:55px!important}html body .join-tab-copy strong{font-size:17px!important}}

/* Final v23: make the open invitation feel lifted above a deeper backdrop. */
html body main .join-explore[open] .join-menu-scrim {
  display: block !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: -1 !important;
  background: rgba(0, 6, 11, .94) !important;
  backdrop-filter: blur(8px) saturate(.62) brightness(.52) !important;
  -webkit-backdrop-filter: blur(8px) saturate(.62) brightness(.52) !important;
}
html body main .join-explore[open] .vision-console {
  border: 2px solid rgba(244, 200, 91, .98) !important;
  box-shadow: -38px 38px 105px 18px rgba(0,0,0,.98), -14px 8px 42px 5px rgba(0,0,0,.96), 0 0 32px rgba(244,194,72,.30), inset 0 0 0 1px rgba(255,255,255,.10) !important;
}
.signup-disclosure{max-width:620px;margin:16px auto 0;color:#526568;font:12px/1.6 Arial,sans-serif;text-align:center}.signup-disclosure a{color:#103d70;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){
  html body main .join-explore[open] .vision-console {
    box-shadow: -22px 24px 68px 12px rgba(0,0,0,.98), 0 0 24px rgba(244,194,72,.26), inset 0 0 0 1px rgba(255,255,255,.10) !important;
  }
}

/* Final v28: exact StarfishFloat.com tab silhouette and 48px text column. */
html body main details.join-explore>summary{box-sizing:border-box!important;width:58px!important;min-width:58px!important;max-width:58px!important;height:auto!important;min-height:0!important;padding:12px 7px 10px 3px!important;gap:7px!important;overflow:hidden!important;border-radius:14px 0 0 14px!important;background:#d4ad69!important;box-shadow:0 8px 28px rgba(8,38,46,.22)!important}
html body main details.join-explore>summary:hover,html body main details.join-explore>summary:focus-visible{width:61px!important;min-width:61px!important;max-width:61px!important;background:#e3c389!important}
html body .join-tab-copy{display:block!important;box-sizing:border-box!important;width:48px!important;min-width:48px!important;margin:0!important;padding:0!important;overflow:visible!important;text-align:center!important;transform:translateX(-1px)!important}
html body .join-tab-copy small,html body .join-tab-copy strong{display:block!important;box-sizing:border-box!important;width:48px!important;margin:0!important;padding:0!important;overflow:visible!important;white-space:nowrap!important;color:#10333e!important;font-family:Arial,sans-serif!important;font-style:normal!important;font-weight:800!important;line-height:1.08!important;text-align:center!important;text-transform:uppercase!important;transform:none!important}
html body .join-tab-copy small:first-child{font-size:10px!important;letter-spacing:.015em!important}
html body .join-tab-copy strong{margin-top:3px!important;font-size:19px!important;letter-spacing:.015em!important}
html body .join-tab-copy small:last-child{margin-top:2px!important;font-size:13px!important;letter-spacing:.045em!important}
html body .join-explore summary>b{display:block!important;margin:0!important;color:#795525!important;font:700 27px/.75 Georgia,serif!important;letter-spacing:-3px!important}
@media(max-width:700px){html body main details.join-explore>summary{width:55px!important;min-width:55px!important;max-width:55px!important;padding:11px 3px 9px!important;gap:6px!important}html body main details.join-explore>summary:hover,html body main details.join-explore>summary:focus-visible{width:58px!important;min-width:58px!important;max-width:58px!important}html body .join-tab-copy{width:47px!important;min-width:47px!important;transform:none!important}html body .join-tab-copy small,html body .join-tab-copy strong{width:47px!important}html body .join-tab-copy small:first-child{font-size:9.5px!important}html body .join-tab-copy strong{font-size:18.5px!important}html body .join-tab-copy small:last-child{font-size:12.5px!important}}

/* Final v29: match the supplied Join Wellsprings Brevo embed. */
.brevo-frame,.brevo-frame iframe{height:1200px!important;min-height:1200px!important}
@media(max-width:700px){.brevo-frame,.brevo-frame iframe{height:1200px!important;min-height:1200px!important}}

/* Final v30: slightly wider edge tab so every line remains fully visible. */
html body main details.join-explore>summary{right:0!important;width:66px!important;min-width:66px!important;max-width:66px!important;padding-right:5px!important;padding-left:5px!important;overflow:hidden!important;border-radius:14px 0 0 14px!important}
html body main details.join-explore>summary:hover,html body main details.join-explore>summary:focus-visible{right:0!important;width:70px!important;min-width:70px!important;max-width:70px!important}
html body .join-tab-copy{width:56px!important;min-width:56px!important;max-width:56px!important;transform:none!important}
html body .join-tab-copy small,html body .join-tab-copy strong{width:56px!important;overflow:visible!important;transform:none!important}
@media(max-width:700px){html body main details.join-explore>summary{right:0!important;width:66px!important;min-width:66px!important;max-width:66px!important;padding-right:5px!important;padding-left:5px!important}html body main details.join-explore>summary:hover,html body main details.join-explore>summary:focus-visible{right:0!important;width:70px!important;min-width:70px!important;max-width:70px!important}html body .join-tab-copy{width:56px!important;min-width:56px!important;max-width:56px!important;transform:none!important}html body .join-tab-copy small,html body .join-tab-copy strong{width:56px!important}}

/* Final v32: size the current Brevo form to its content instead of reserving 1200px. */
.brevo-frame,.brevo-frame iframe{height:680px!important;min-height:680px!important}
.brevo-shell{padding-top:64px!important;padding-bottom:64px!important}
@media(max-width:700px){.brevo-frame,.brevo-frame iframe{height:740px!important;min-height:740px!important}.brevo-shell{padding-top:54px!important;padding-bottom:54px!important}}

/* Final v34: compact edge tab matched to the successful Starfish Book treatment. */
html body main details.join-explore{right:0!important}
html body main details.join-explore>summary{box-sizing:border-box!important;right:0!important;width:62px!important;min-width:62px!important;max-width:62px!important;height:auto!important;min-height:0!important;padding:12px 7px 10px 5px!important;gap:7px!important;overflow:visible!important;border:0!important;border-radius:14px 0 0 14px!important;background:#d4ad69!important;box-shadow:0 8px 28px rgba(8,38,46,.22)!important}
html body main details.join-explore>summary:hover,html body main details.join-explore>summary:focus-visible{width:65px!important;min-width:65px!important;max-width:65px!important;background:#e3c389!important}
html body .join-tab-copy{display:block!important;box-sizing:border-box!important;width:50px!important;min-width:50px!important;max-width:50px!important;margin:0!important;padding:0!important;overflow:visible!important;text-align:center!important;transform:none!important}
html body .join-tab-copy small,html body .join-tab-copy strong{display:block!important;box-sizing:border-box!important;width:50px!important;margin:0!important;padding:0!important;overflow:visible!important;white-space:nowrap!important;color:#10333e!important;font-family:Arial,sans-serif!important;font-style:normal!important;font-weight:800!important;line-height:1.08!important;text-align:center!important;text-transform:uppercase!important;transform:none!important}
html body .join-tab-copy small:first-child{font-size:10px!important;letter-spacing:.015em!important}
html body .join-tab-copy strong{margin-top:3px!important;font-size:19px!important;letter-spacing:.015em!important}
html body .join-tab-copy small:last-child{margin-top:2px!important;font-size:13px!important;letter-spacing:.045em!important}
html body .join-explore summary>b{display:block!important;margin:0!important;color:#795525!important;font:700 27px/.75 Georgia,serif!important;letter-spacing:-3px!important}
@media(max-width:700px){html body main details.join-explore>summary{width:59px!important;min-width:59px!important;max-width:59px!important;padding:11px 5px 9px 3px!important;gap:6px!important}html body main details.join-explore>summary:hover,html body main details.join-explore>summary:focus-visible{width:62px!important;min-width:62px!important;max-width:62px!important}html body .join-tab-copy,html body .join-tab-copy small,html body .join-tab-copy strong{width:49px!important;min-width:49px!important;max-width:49px!important}}