/* Loaf V105 — promo reset + stable reviews + 3D buttons */

:root{--loaf-press-ease:cubic-bezier(.22,1,.36,1)}

/* reusable pressable buttons */
.nf-v101-btn,.cta-btn-v101,.promo-cta-v102,.onboard-next-v102{
  position:relative;
  overflow:hidden;
  transform:translateY(0);
  transition:transform .18s var(--loaf-press-ease), box-shadow .18s var(--loaf-press-ease), filter .18s var(--loaf-press-ease)!important;
  will-change:transform;
}
.nf-v101-btn::after,.cta-btn-v101::after,.promo-cta-v102::after,.onboard-next-v102::after{
  content:"";position:absolute;inset:auto 18px 8px 18px;height:16px;border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.23),rgba(255,255,255,0));pointer-events:none;opacity:.95;
}
.nf-v101-btn:hover,.cta-btn-v101:hover,.promo-cta-v102:hover,.onboard-next-v102:hover{
  transform:translateY(-4px)!important;filter:brightness(1.04)!important;
}
.nf-v101-btn:active,.cta-btn-v101:active,.promo-cta-v102:active,.onboard-next-v102:active,
.nf-v101-btn.loaf-pressing,.cta-btn-v101.loaf-pressing,.promo-cta-v102.loaf-pressing,.onboard-next-v102.loaf-pressing{
  transform:translateY(7px) scale(.994)!important;
  box-shadow:0 9px 0 rgba(93,64,210,.28),0 14px 24px rgba(108,74,245,.28), inset 0 1px 0 rgba(255,255,255,.28)!important;
  filter:brightness(.98)!important;
}

/* 404 button/panel polish */
.nf-v101-center{padding:28px 20px 24px!important}
.nf-v101-btn{border-radius:24px!important}
.nf-v101-btn span{position:relative;z-index:2}
.nf-v101-help{margin-top:16px!important;font-size:12px!important;color:#7e7887!important}
.nf-v101-help a{color:#a9a4b7}

/* Join CTA card closer to reference */
.cta-panel-v101{background:linear-gradient(135deg,#f0eee7 0%,#f4f2ee 56%,#ebe5fb 100%)!important;border:1px solid rgba(255,255,255,.55)!important;box-shadow:0 40px 90px rgba(0,0,0,.34)!important}
.cta-copy-v101 h2{color:#07070b!important;font-size:clamp(42px,4vw,64px)!important;letter-spacing:-.065em!important}
.cta-copy-v101 p{color:#45404d!important;font-size:17px!important;max-width:560px}
.cta-btn-v101{color:#fff!important;min-width:250px!important;height:58px!important;border-radius:18px!important;background:linear-gradient(180deg,#8f74ff 0%,#7d60ff 56%,#724bf5 100%)!important;border:1px solid rgba(191,179,255,.7)!important;box-shadow:0 18px 0 rgba(110,90,210,.24),0 24px 44px rgba(108,74,245,.34), inset 0 1px 0 rgba(255,255,255,.42)!important}

/* Stable creator feedback section */
.home-reviews-v101 .home-section-center-v101 h2{
  position:relative;
  background:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  filter:none!important;
  animation:none!important;
}
.home-reviews-v101 .home-section-center-v101 h2 span{
  color:#91ff15!important;
  background:none!important;
  -webkit-text-fill-color:#91ff15!important;
  text-shadow:0 0 22px rgba(145,255,21,.16)!important;
  animation:loafInstantPulse 2.6s ease-in-out infinite!important;
}
.home-reviews-v101 .home-section-center-v101 h2::after{display:none!important}
.review-grid-v101{gap:18px!important}
.review-card-v101{animation:none!important;transform:none!important;background:linear-gradient(180deg,rgba(10,10,14,.92),rgba(5,5,8,.98))!important}
.review-card-v101:hover{transform:translateY(-7px) scale(1.014)!important}
.review-card-v101 h3,.review-card-v101 p,.review-person-v101,.review-stars-v101{position:relative;z-index:2}
.review-person-v101{margin-top:18px!important;position:relative;z-index:3}
.review-avatar-v101{
  width:44px!important;height:44px!important;font-size:13px!important;box-shadow:0 12px 28px rgba(120,68,255,.24)!important;
  background:linear-gradient(145deg,#7d56ff,#ff5ebf)!important;border:1px solid rgba(255,255,255,.18)!important;
}
.review-person-v101 b{font-size:13px!important;color:#fff!important}
.review-person-v101 span{font-size:11px!important;color:#8f8999!important}

/* Promo section reset: centered text + one left image card only */
.home-promo-v102{padding:24px 0 28px!important}
.home-promo-v102 .promo-shell-v102{
  position:relative;display:block!important;overflow:hidden;
  min-height:760px!important;padding:56px 44px 44px!important;border-radius:34px!important;
  border:1px solid rgba(133,89,255,.22)!important;
  background:radial-gradient(circle at 50% 42%,rgba(109,58,255,.22),transparent 50%),linear-gradient(180deg,#18082f 0%,#0a0714 100%)!important;
  box-shadow:0 32px 100px rgba(0,0,0,.45), inset 0 1px rgba(255,255,255,.05)!important;
}
.home-promo-v102 .promo-shell-v102::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.12) .85px,transparent .95px);background-size:14px 14px;opacity:.34;pointer-events:none}
.home-promo-v102 .promo-visual-v104{display:none!important}
.home-promo-v102 .promo-side-image-v105{
  position:absolute;left:46px;bottom:54px;width:min(35vw,530px);z-index:1;
  border-radius:30px;overflow:hidden;padding:16px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.07);box-shadow:0 28px 90px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.06);
  backdrop-filter:blur(10px);
}
.home-promo-v102 .promo-side-image-v105::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.08),transparent 58%);pointer-events:none}
.home-promo-v102 .promo-side-image-v105 img{display:block;width:100%;height:auto;border-radius:20px}
.home-promo-v102 .promo-core-v102{
  position:relative;z-index:2;display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;
  max-width:820px!important;margin:0 auto!important;padding-top:6px;text-align:center!important;
}
.home-promo-v102 .promo-core-v102 .kicker{margin-bottom:16px!important}
.home-promo-v102 .promo-core-v102 h2{
  margin:0!important;font:900 clamp(56px,6.4vw,86px)/.92 Manrope,Inter,sans-serif!important;
  letter-spacing:-.078em!important;color:#fff!important;max-width:900px;text-wrap:balance;
}
.home-promo-v102 .promo-core-v102 p{max-width:760px!important;margin:16px auto 0!important;color:#aca4bc!important;font-size:17px!important;line-height:1.55!important}
.home-promo-v102 .promo-stats-v102{display:flex;justify-content:center;gap:44px;flex-wrap:wrap;margin-top:32px!important}
.home-promo-v102 .promo-stats-v102 strong{font-size:clamp(52px,4.5vw,70px)!important;line-height:1!important}
.home-promo-v102 .promo-stats-v102 small{font-size:13px!important;color:#8f88a1!important}
.home-promo-v102 .promo-cta-v102{
  margin-top:28px!important;align-self:center!important;min-width:320px!important;height:58px!important;padding:0 28px!important;
  border-radius:22px!important;background:linear-gradient(180deg,#8f74ff 0%,#7d60ff 56%,#724bf5 100%)!important;color:#fff!important;
  border:1px solid rgba(191,179,255,.72)!important;box-shadow:0 18px 0 rgba(93,64,210,.26),0 24px 42px rgba(108,74,245,.35),inset 0 1px 0 rgba(255,255,255,.38)!important;
}
.home-promo-v102 .promo-cta-v102:hover{transform:translateY(-4px)!important}

@keyframes loafInstantPulse{0%,100%{opacity:1}50%{opacity:.9}}

@media (max-width: 1100px){
  .home-promo-v102 .promo-shell-v102{min-height:0!important;padding:38px 24px 420px!important}
  .home-promo-v102 .promo-side-image-v105{left:24px;right:24px;bottom:26px;width:auto;max-width:none}
  .home-promo-v102 .promo-core-v102 h2{font-size:56px!important}
}
@media (max-width: 760px){
  .home-promo-v102 .promo-shell-v102{padding:28px 16px 280px!important;border-radius:28px!important}
  .home-promo-v102 .promo-core-v102 h2{font-size:42px!important}
  .home-promo-v102 .promo-core-v102 p{font-size:15px!important}
  .home-promo-v102 .promo-stats-v102{gap:18px;display:grid;grid-template-columns:1fr 1fr}
  .home-promo-v102 .promo-stats-v102 div:last-child{grid-column:2/3}
  .home-promo-v102 .promo-side-image-v105{left:16px;right:16px;bottom:16px;padding:12px;border-radius:22px}
  .home-promo-v102 .promo-cta-v102{width:100%;min-width:0!important}
  .cta-copy-v101 p{font-size:15px!important}
}