/* =====================================================================
   Recruiting pages (/become-a-booster, /become-a-seller, /jobs) - 2026-10-19
   Same look as /become-a-gg-girl: rounded Fredoka headings, one flat card
   colour, key-art hero card, pill buttons, entrance + scroll-reveal
   animations. Each page sets its accent on .lbR:
     --r-a (accent), --r-a2 (button), --r-a3 (button hover), --r-soft (light
     text tint), --r-rgb (accent as r,g,b), --r-card (card), --r-ink (hero
     overlay colour as r,g,b), --r-h1-icon (glyph next to the highlighted word).
   ===================================================================== */
.lbR{
  --r-a:#6366f1; --r-a2:#4f46e5; --r-a3:#4338ca; --r-soft:#c7d2fe; --r-rgb:99,102,241;
  --r-card:#0d1022; --r-ink:10,12,28; --r-h1-icon:"\f005";
  --r-line:rgba(var(--r-rgb),.16); --r-muted:rgba(236,240,255,.66); --r-text:rgba(240,243,255,.84);
  --r-font:'Fredoka','Roboto',sans-serif; --r-ease:cubic-bezier(.22,.61,.36,1);
  color:#fff;
}
.lbR h1, .lbR h2, .lbR h3{ font-family:var(--r-font) !important; font-weight:600 !important; letter-spacing:0 !important; text-transform:none !important; background:none !important; -webkit-text-fill-color:currentColor !important; }
.lbR__wrap{ width:min(1240px, calc(100% - 48px)); margin:0 auto; }
.lbR__section{ padding:clamp(64px,7vw,96px) 0 0; }
.lbR__section:last-child{ padding-bottom:clamp(72px,8vw,110px); }
.lbR__tag{
  display:inline-flex; align-items:center; gap:8px; height:30px; padding:0 13px; border-radius:999px;
  background:rgba(var(--r-rgb),.14); border:1px solid rgba(var(--r-rgb),.35);
  color:var(--r-soft); font-size:11px; font-weight:900; letter-spacing:.08em; text-transform:uppercase;
}
.lbR__tag i{ color:var(--r-a); font-size:10px; }
.lbR__h2{ margin:14px 0 0; font-size:clamp(28px,3.2vw,42px); line-height:1.1; }
.lbR__h2 em{ font-style:normal; color:var(--r-a); -webkit-text-fill-color:var(--r-a); }
.lbR__lead{ max-width:60ch; margin:14px 0 0; color:var(--r-muted); font-size:16.5px; line-height:1.65; }
.lbR__head{ margin-bottom:30px; }
.lbR__head--center{ text-align:center; }
.lbR__head--center .lbR__lead{ margin-left:auto; margin-right:auto; }
.lbR__icon{ display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; border-radius:50%; background:rgba(var(--r-rgb),.15); color:var(--r-a); font-size:17px; transition:transform .35s var(--r-ease), background .35s, color .35s; }

/* Buttons */
.lbR__btn{
  position:relative; overflow:hidden; isolation:isolate;
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  height:52px; padding:0 28px; border-radius:999px;
  background:var(--r-a2); border:1px solid var(--r-a2); color:#fff !important;
  font-family:var(--r-font); font-size:16px; font-weight:600; text-decoration:none !important; white-space:nowrap; cursor:pointer;
  transition:background .2s, border-color .2s, transform .2s var(--r-ease);
}
.lbR__btn:hover{ background:var(--r-a3); border-color:var(--r-a3); transform:translateY(-2px); }
.lbR__btn:active{ transform:translateY(0) scale(.98); }
.lbR__btn i{ font-size:14px; transition:transform .35s var(--r-ease); }
.lbR__btn:hover .fa-paper-plane, .lbR__btn:hover .fa-rocket{ transform:translate(3px,-3px) rotate(-8deg); }
.lbR__btn:hover .fa-arrow-right{ transform:translateX(3px); }
.lbR__btn--shine::before{
  content:""; position:absolute; top:0; bottom:0; left:-60%; width:40%; z-index:-1;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.35), transparent);
  transform:skewX(-20deg); animation:rShine 4.5s ease-in-out 1.6s infinite;
}
@keyframes rShine{ 0%{ left:-60%; } 28%,100%{ left:130%; } }
.lbR__btn--ghost{ background:rgba(255,255,255,.05); border-color:rgba(var(--r-rgb),.32); }
.lbR__btn--ghost:hover{ background:rgba(var(--r-rgb),.12); border-color:var(--r-a); }
.lbR__btn--sm{ height:42px; padding:0 20px; font-size:14.5px; }

/* ── Hero ── */
.lbR__hero{ padding:calc(var(--lb-content-top,120px) + 26px) 0 0; }
.lbR__heroCard{
  position:relative; isolation:isolate; overflow:hidden;
  display:grid; grid-template-columns:minmax(0,1fr) 360px; align-items:end; gap:40px;
  min-height:520px; padding:clamp(28px,4vw,52px);
  border:1px solid var(--r-line); border-radius:32px; background:var(--r-card);
}
.lbR__heroArt{
  position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; object-position:var(--r-art-pos, center 30%);
  filter:brightness(var(--r-art-bright,1.15)) saturate(1.06); animation:rKen 22s ease-in-out infinite alternate;
}
@keyframes rKen{ from{ transform:scale(1); } to{ transform:scale(1.07) translateY(-1.5%); } }
.lbR__heroCard::after{ content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg, rgba(var(--r-ink),.9) 0%, rgba(var(--r-ink),.66) 42%, rgba(var(--r-ink),.12) 74%); }
.lbR__heroTxt{ position:relative; z-index:1; align-self:center; max-width:620px; }
.lbR__h1{ margin:18px 0 0; font-size:clamp(42px,5.4vw,70px); line-height:1.02; }
.lbR__h1 span{ position:relative; display:inline-block; color:var(--r-a) !important; -webkit-text-fill-color:var(--r-a) !important; white-space:nowrap; }
.lbR__h1 span::before{ content:""; position:absolute; left:2%; right:2%; bottom:-.1em; height:.08em; border-radius:99px; background:var(--r-a); transform-origin:left; transform:scaleX(0); animation:rLine .9s var(--r-ease) 1s forwards; opacity:.55; }
.lbR__h1 span::after{ content:var(--r-h1-icon); font-family:"Font Awesome 6 Pro"; font-weight:900; position:absolute; right:-.62em; top:-.12em; font-size:.36em; color:var(--r-a); animation:rBeat 1.8s ease-in-out 1.6s infinite; }
@keyframes rLine{ to{ transform:scaleX(1); } }
@keyframes rBeat{ 0%,60%,100%{ transform:rotate(14deg) scale(1); } 15%{ transform:rotate(14deg) scale(1.28); } 30%{ transform:rotate(14deg) scale(1.05); } 45%{ transform:rotate(14deg) scale(1.2); } }
.lbR__sub{ max-width:52ch; margin:20px 0 0; color:rgba(240,243,255,.84); font-size:17.5px; line-height:1.65; }
.lbR__actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.lbR__trust{ display:flex; flex-wrap:wrap; gap:8px; margin:24px 0 0; padding:0; list-style:none; }
.lbR__trust li{ display:inline-flex; align-items:center; gap:7px; height:32px; padding:0 13px; border-radius:999px; background:rgba(var(--r-ink),.62); border:1px solid rgba(255,255,255,.12); color:#fff; font-size:13px; font-weight:600; }
.lbR__trust i{ color:var(--r-a); font-size:12px; }

/* Entrance: hero copy slides in one item after another. */
.lbR__in{ opacity:0; transform:translateY(18px); animation:rUp .8s var(--r-ease) forwards; animation-delay:calc(var(--i,0) * 110ms + 120ms); }
@keyframes rUp{ to{ opacity:1; transform:none; } }

/* Small icons drifting up through the hero */
.lbR__float{ position:absolute; inset:0; z-index:0; pointer-events:none; overflow:hidden; }
.lbR__float i{ position:absolute; bottom:-30px; left:var(--x); color:var(--r-a); font-size:var(--s); opacity:0; animation:rRise var(--t) linear var(--d) infinite; }
@keyframes rRise{ 0%{ transform:translateY(0) rotate(-10deg); opacity:0; } 12%{ opacity:var(--o,.6); } 80%{ opacity:var(--o,.6); } 100%{ transform:translateY(-560px) rotate(14deg); opacity:0; } }

/* Glass panel on the right of the hero (team, open roles, dashboard) */
.lbR__panel{
  position:relative; z-index:1; padding:20px; border-radius:24px;
  background:rgba(var(--r-ink),.76); border:1px solid rgba(255,255,255,.1);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
}
.lbR__panelHead{ display:flex; align-items:center; gap:8px; font-family:var(--r-font); font-weight:600; font-size:17px; }
.lbR__panelHead > i{ color:var(--r-a); font-size:14px; }
.lbR__panelHead small{ margin-left:auto; font-family:'Roboto',sans-serif; font-size:12px; font-weight:600; color:var(--r-muted); }
.lbR__live{ margin-left:auto; display:inline-flex; align-items:center; gap:7px; color:#4ade80; font-family:'Roboto',sans-serif; font-size:12px; font-weight:800; }
.lbR__live::before{ content:""; width:7px; height:7px; border-radius:50%; background:#22c55e; animation:rPulse 1.8s ease-out infinite; }
@keyframes rPulse{ 0%{ box-shadow:0 0 0 0 rgba(34,197,94,.5); } 100%{ box-shadow:0 0 0 7px rgba(34,197,94,0); } }
.lbR__panelNote{ margin:0 0 14px; color:var(--r-muted); font-size:13px; line-height:1.5; }
.lbR__panelNote b{ color:#fff; }
.lbR__panelNote .fa-star{ color:#fbbf24; }
.lbR__panel > .lbR__btn{ width:100%; }

.lbR__bubbles{ display:flex; align-items:center; margin:16px 0 12px; padding-left:2px; }
.lbR__bubble{
  position:relative; display:block; width:52px; height:52px; flex-shrink:0; border-radius:50%;
  border:3px solid rgb(var(--r-ink)); background:#1b1f3a; color:#fff;
  opacity:0; transform:scale(.4); animation:rPop .55s cubic-bezier(.34,1.56,.64,1) forwards; animation-delay:calc(var(--i) * 90ms + 700ms);
  transition:transform .25s var(--r-ease), border-color .25s;
}
.lbR__bubble + .lbR__bubble{ margin-left:-13px; }
.lbR__bubble img{ display:block; width:100%; height:100%; border-radius:50%; object-fit:cover; }
.lbR__bubble:hover{ z-index:3; transform:translateY(-5px) scale(1.08); border-color:var(--r-a); }
.lbR__bubble::after{
  content:attr(data-name); position:absolute; left:50%; bottom:calc(100% + 8px); transform:translate(-50%,4px);
  padding:4px 9px; border-radius:8px; background:rgb(var(--r-ink)); border:1px solid rgba(var(--r-rgb),.3);
  font-size:11.5px; font-weight:700; white-space:nowrap; opacity:0; pointer-events:none; transition:opacity .2s, transform .2s;
}
.lbR__bubble:hover::after{ opacity:1; transform:translate(-50%,0); }
.lbR__bubble--more{ display:grid; place-items:center; background:var(--r-a2); font-family:var(--r-font); font-weight:600; font-size:14px; text-decoration:none; }
@keyframes rPop{ to{ opacity:1; transform:scale(1); } }

/* Rank ladder (booster panel): emblems pop in one after another */
.lbR__ladder{ display:flex; align-items:flex-end; justify-content:space-between; gap:4px; margin:16px 0 14px; padding:12px 10px 10px; border-radius:16px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.07); }
.lbR__ladder img{ width:calc(var(--sz) * 1px); height:auto; opacity:0; transform:translateY(10px) scale(.6); animation:rPopUp .6s cubic-bezier(.34,1.56,.64,1) forwards; animation-delay:calc(var(--i) * 110ms + 700ms); filter:drop-shadow(0 4px 8px rgba(0,0,0,.4)); }
@keyframes rPopUp{ to{ opacity:1; transform:none; } }

/* Open roles (jobs panel): rows with a small key-art thumb */
.lbR__role{ display:flex; align-items:center; gap:14px; padding:10px; border:1px solid transparent; border-radius:16px; color:#fff !important; text-decoration:none !important; transition:background .3s, border-color .3s; }
.lbR__role + .lbR__role{ margin-top:6px; }
.lbR__role:hover, .lbR__role.is-active{ background:rgba(255,255,255,.05); border-color:rgba(var(--tone),.45); }
.lbR__roleArt{ position:relative; flex:0 0 52px; width:52px; height:52px; border-radius:14px; overflow:hidden; background:#1b1f3a; }
.lbR__roleArt img{ width:100%; height:100%; object-fit:cover; transition:transform .5s var(--r-ease); }
.lbR__roleArt i{ position:absolute; right:3px; bottom:3px; display:grid; place-items:center; width:20px; height:20px; border-radius:50%; background:rgb(var(--tone)); color:#0b0d1a; font-size:9.5px; }
.lbR__role:hover .lbR__roleArt img, .lbR__role.is-active .lbR__roleArt img{ transform:scale(1.1); }
.lbR__roleCopy{ display:flex; flex-direction:column; gap:3px; flex:1; min-width:0; }
.lbR__roleCopy b{ font-family:var(--r-font); font-weight:600; font-size:16.5px; }
.lbR__roleCopy span{ color:var(--r-muted); font-size:13px; line-height:1.4; }
.lbR__roleGo{ display:grid; place-items:center; flex:0 0 34px; width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,.06); color:rgba(255,255,255,.75); font-size:12px; transition:background .2s, color .2s, transform .2s; }
.lbR__role:hover .lbR__roleGo, .lbR__role.is-active .lbR__roleGo{ background:rgb(var(--tone)); color:#0b0d1a; }
.lbR__role:hover .lbR__roleGo{ transform:translateX(2px); }
.lbR__panelFoot{ display:flex; align-items:center; gap:8px; margin-top:12px; padding:12px 4px 0; border-top:1px solid rgba(255,255,255,.08); color:var(--r-muted); font-size:12.5px; font-weight:600; }
.lbR__panelFoot i{ color:var(--r-a); }

/* Seller dashboard demo inside the panel */
.lbR__demo{ margin-left:auto; padding:3px 9px; border-radius:999px; background:rgba(255,255,255,.07); color:rgba(255,255,255,.6); font-family:'Roboto',sans-serif; font-size:10.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.lbR__dashStats{ display:grid; grid-template-columns:1.3fr 1fr; gap:10px; margin:16px 0; }
.lbR__dashStat{ padding:12px 14px; border-radius:16px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.07); }
.lbR__dashStat small{ display:block; color:rgba(255,255,255,.55); font-size:12px; font-weight:700; }
.lbR__dashStat b{ display:block; margin-top:4px; font-family:var(--r-font); font-size:24px; font-weight:600; font-variant-numeric:tabular-nums; }
.lbR__dashStat b em{ font-style:normal; color:#4ade80; font-family:'Roboto',sans-serif; font-size:12.5px; font-weight:800; margin-left:6px; }
.lbR__rankChip{ display:inline-flex; align-items:center; gap:7px; margin-top:6px; font-family:var(--r-font); font-size:16px; font-weight:600; }
.lbR__rankChip i{ color:var(--rc, #8b5cf6); }
.lbR__salesLabel{ display:flex; align-items:center; justify-content:space-between; color:rgba(255,255,255,.55); font-size:11.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.lbR__sales{ position:relative; height:212px; margin-top:10px; overflow:hidden; }
.lbR__sale{ position:absolute; left:0; right:0; top:0; display:flex; align-items:center; gap:12px; height:64px; padding:0 12px; border-radius:16px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.07); transition:transform .5s var(--r-ease), opacity .5s ease; }
.lbR__sale.is-new{ border-color:rgba(74,222,128,.35); background:rgba(34,197,94,.07); }
.lbR__sale .lbR__icon{ flex-basis:38px; width:38px; height:38px; font-size:14px; }
.lbR__saleCopy{ display:flex; flex-direction:column; gap:2px; flex:1; min-width:0; }
.lbR__saleCopy b{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; font-weight:800; }
.lbR__saleCopy small{ color:rgba(255,255,255,.5); font-size:12px; font-weight:600; }
.lbR__saleAmt{ color:#4ade80; font-size:15px; font-weight:900; font-variant-numeric:tabular-nums; white-space:nowrap; }

/* Stats */
.lbR__stats{ display:grid; grid-template-columns:repeat(var(--n,3),minmax(0,1fr)); gap:14px; margin-top:18px; }
.lbR__stat{ display:flex; align-items:center; gap:16px; padding:18px 20px; border:1px solid var(--r-line); border-radius:24px; background:var(--r-card); transition:border-color .3s, transform .3s var(--r-ease); }
.lbR__stat:hover{ border-color:rgba(var(--r-rgb),.4); transform:translateY(-3px); }
.lbR__stat:hover .lbR__icon{ transform:rotate(-10deg) scale(1.08); background:rgba(var(--r-rgb),.25); }
.lbR__stat b{ display:block; font-family:var(--r-font); font-weight:600; font-size:26px; font-variant-numeric:tabular-nums; }
.lbR__stat div > span{ display:block; margin-top:2px; color:var(--r-muted); font-size:13.5px; font-weight:600; }

/* Cards with key art (categories, paths) */
.lbR__arts{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.lbR__art{
  position:relative; isolation:isolate; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; gap:8px;
  min-height:300px; padding:22px; border:1px solid var(--r-line); border-radius:24px; background:var(--r-card);
  color:#fff !important; text-decoration:none !important; transition:border-color .3s, transform .3s var(--r-ease);
}
.lbR__art > img{ position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; object-position:center 20%; transition:transform .7s var(--r-ease); }
.lbR__art::after{ content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg, rgba(var(--r-ink),.05) 0%, rgba(var(--r-ink),.6) 45%, rgba(var(--r-ink),.96) 100%); }
.lbR__art:hover{ border-color:rgba(var(--r-rgb),.5); transform:translateY(-4px); }
.lbR__art:hover > img{ transform:scale(1.06); }
.lbR__art .lbR__icon{ margin-bottom:auto; background:rgba(var(--r-ink),.7); border:1px solid rgba(var(--r-rgb),.35); }
.lbR__art:hover .lbR__icon{ background:var(--r-a2); color:#fff; transform:rotate(-10deg) scale(1.08); }
.lbR__art h3{ margin:0; font-size:21px; }
.lbR__art p{ margin:0; color:var(--r-text); font-size:14.5px; line-height:1.55; }
.lbR__artGo{ display:inline-flex; align-items:center; gap:8px; margin-top:6px; color:var(--r-soft); font-size:13.5px; font-weight:800; }
.lbR__artGo i{ font-size:11px; transition:transform .25s var(--r-ease); }
.lbR__art:hover .lbR__artGo i{ transform:translateX(4px); }
.lbR__logos{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:auto; }
.lbR__logos img{ width:38px; height:38px; padding:6px; border-radius:12px; object-fit:contain; background:rgba(255,255,255,.92); }

/* Steps with chevron chips between them */
.lbR__steps{ position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; margin:0; padding:0; list-style:none; }
.lbR__stepLink{
  position:absolute; z-index:2; top:26px; right:-33px; width:38px; height:38px; border-radius:50%;
  display:grid; place-items:center; background:var(--r-a2); border:4px solid #090b16; color:#fff; font-size:13px;
  transform:scale(0); transition:transform .5s cubic-bezier(.34,1.56,.64,1); transition-delay:calc(var(--i,0) * 220ms + 500ms);
}
.lbR__stepLink i{ animation:rNudge 2.4s ease-in-out infinite; animation-delay:calc(var(--i,0) * 300ms); }
@keyframes rNudge{ 0%,60%,100%{ transform:none; } 30%{ transform:translateX(2px); } }
.lbR__steps.is-in .lbR__stepLink{ transform:scale(1); }
.lbR__step{ position:relative; z-index:calc(10 - var(--i,0)); padding:22px; border:1px solid var(--r-line); border-radius:24px; background:var(--r-card); transition:border-color .3s, transform .3s var(--r-ease); }
.lbR__step:hover{ border-color:rgba(var(--r-rgb),.4); transform:translateY(-4px); }
.lbR__step:hover .lbR__icon{ transform:scale(1.1); background:var(--r-a2); color:#fff; }
.lbR__stepTop{ display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.lbR__stepNum{ position:absolute; right:18px; top:10px; pointer-events:none; font-family:var(--r-font); font-weight:600; font-size:64px; line-height:1; color:rgba(var(--r-rgb),.13); }
.lbR__step h3{ margin:0; font-size:19px; }
.lbR__step p{ margin:8px 0 0; color:var(--r-muted); font-size:14.5px; line-height:1.6; }

/* Requirements */
.lbR__req{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.lbR__reqCard{ padding:24px; border:1px solid var(--r-line); border-radius:24px; background:var(--r-card); }
.lbR__reqHead{ display:flex; align-items:center; gap:14px; margin-bottom:18px; }
.lbR__reqHead h3{ margin:0; font-size:19px; }
.lbR__reqHead small{ display:block; margin-top:2px; color:var(--r-muted); font-size:13px; font-weight:600; }
.lbR__list{ display:flex; flex-direction:column; gap:12px; margin:0; padding:0; list-style:none; }
.lbR__list li{ display:flex; gap:12px; color:var(--r-text); font-size:15px; line-height:1.5; }
.lbR__list li::before{ content:"\f00c"; font-family:"Font Awesome 6 Pro"; font-weight:900; display:grid; place-items:center; flex:0 0 22px; width:22px; height:22px; border-radius:50%; background:rgba(var(--r-rgb),.15); color:var(--r-a); font-size:10px; }

/* Rules (do / don't) */
.lbR__rules{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.lbR__rule{ padding:22px; border:1px solid var(--r-line); border-radius:24px; background:var(--r-card); transition:border-color .3s, transform .3s var(--r-ease); }
.lbR__rule:hover{ border-color:rgba(var(--r-rgb),.4); transform:translateY(-4px); }
.lbR__rule h3{ display:flex; align-items:center; gap:12px; margin:0 0 16px; font-size:18px; }
.lbR__rule ul{ display:flex; flex-direction:column; gap:11px; margin:0; padding:0; list-style:none; }
.lbR__rule li{ display:flex; gap:10px; color:var(--r-text); font-size:14px; line-height:1.5; }
.lbR__rule li i{ flex:0 0 20px; width:20px; height:20px; margin-top:1px; display:grid; place-items:center; border-radius:50%; font-size:9.5px; }
.lbR__rule li .fa-check{ background:rgba(34,197,94,.14); color:#4ade80; }
.lbR__rule li .fa-xmark{ background:rgba(244,63,94,.14); color:#fb7185; }
.lbR__note{ display:flex; align-items:center; gap:10px; margin-top:16px; color:var(--r-muted); font-size:13.5px; }
.lbR__note i{ color:var(--r-a); }

/* Fines: one row per violation with its amount */
.lbR__fines{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.lbR__fine{ display:flex; align-items:center; gap:14px; padding:14px 16px; border:1px solid var(--r-line); border-radius:18px; background:var(--r-card); transition:border-color .3s, transform .3s var(--r-ease); }
.lbR__fine:hover{ border-color:rgba(244,63,94,.4); transform:translateY(-2px); }
.lbR__fine > i{ display:grid; place-items:center; flex:0 0 36px; width:36px; height:36px; border-radius:50%; background:rgba(244,63,94,.12); color:#fb7185; font-size:14px; }
.lbR__fine span{ flex:1; min-width:0; color:var(--r-text); font-size:14.5px; line-height:1.4; }
.lbR__fine b{ flex:0 0 auto; padding:4px 11px; border-radius:999px; background:rgba(244,63,94,.12); color:#fda4af; font-family:var(--r-font); font-weight:600; font-size:15px; font-variant-numeric:tabular-nums; }

/* Seller ranks */
.lbR__ranks{ display:grid; grid-template-columns:repeat(var(--n,4),minmax(0,1fr)); gap:14px; }
.lbR__rank{ --rc:148,163,184; position:relative; padding:22px; border:1px solid var(--r-line); border-radius:24px; background:var(--r-card); transition:border-color .3s, transform .3s var(--r-ease); }
.lbR__rank:hover{ border-color:rgba(var(--rc),.55); transform:translateY(-4px); }
.lbR__rankTop{ display:flex; align-items:center; gap:12px; }
.lbR__rankIcon{ display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; border-radius:50%; background:rgba(var(--rc),.14); color:rgb(var(--rc)); font-size:17px; }
.lbR__rank h3{ margin:0; font-size:18px; }
.lbR__rank small{ display:block; margin-top:2px; color:var(--r-muted); font-size:12.5px; font-weight:700; }
.lbR__rankFee{ display:flex; align-items:baseline; gap:8px; margin-top:18px; }
.lbR__rankFee b{ font-family:var(--r-font); font-size:32px; font-weight:600; }
.lbR__rankFee span{ color:var(--r-muted); font-size:13.5px; font-weight:700; }
.lbR__rankBar{ height:6px; margin-top:12px; border-radius:999px; background:rgba(255,255,255,.06); overflow:hidden; }
.lbR__rankBar i{ display:block; height:100%; width:0; border-radius:inherit; background:rgb(var(--rc)); transition:width 1.1s var(--r-ease) .2s; }
.lbR__rank.is-in .lbR__rankBar i, .lbR__rank:not([data-r-reveal]) .lbR__rankBar i{ width:var(--w); }

/* Benefits */
.lbR__why{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.lbR__whyItem{ display:flex; gap:16px; padding:22px; border:1px solid var(--r-line); border-radius:24px; background:var(--r-card); transition:border-color .3s, transform .3s var(--r-ease); }
.lbR__whyItem:hover{ border-color:rgba(var(--r-rgb),.45); transform:translateY(-4px); }
.lbR__whyItem:hover .lbR__icon{ transform:rotate(-10deg) scale(1.1); background:var(--r-a2); color:#fff; }
.lbR__whyItem strong{ display:block; font-family:var(--r-font); font-weight:600; font-size:18px; }
.lbR__whyItem div span{ display:block; margin-top:6px; color:var(--r-muted); font-size:14.5px; line-height:1.6; }

/* FAQ */
.lbR__faq{ max-width:860px; margin:0 auto; display:flex; flex-direction:column; gap:10px; }
.lbR__faqItem{ border:1px solid var(--r-line); border-radius:22px; background:var(--r-card); transition:border-color .25s; }
.lbR__faqItem.is-open{ border-color:rgba(var(--r-rgb),.5); }
.lbR__faqBtn{ display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; padding:19px 22px; border:0; background:none; color:#fff; font-family:var(--r-font); font-size:17px; font-weight:600; text-align:left; cursor:pointer; }
.lbR__faqBtn:focus-visible{ outline:2px solid var(--r-a); outline-offset:-2px; border-radius:22px; }
.lbR__faqChev{ display:grid; place-items:center; flex:0 0 30px; width:30px; height:30px; border-radius:50%; background:rgba(var(--r-rgb),.12); color:var(--r-a); font-size:11px; transition:transform .3s, background .3s, color .3s; }
.lbR__faqItem.is-open .lbR__faqChev{ transform:rotate(180deg); background:var(--r-a2); color:#fff; }
.lbR__faqA{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .35s var(--r-ease); }
.lbR__faqA > div{ min-height:0; overflow:hidden; }
.lbR__faqA p{ margin:0; padding:0 22px 20px; color:var(--r-muted); font-size:15px; line-height:1.7; }
.lbR__faqItem.is-open .lbR__faqA{ grid-template-rows:1fr; }

/* Closing CTA: full-width band, everything centred */
.lbR__section--cta{ padding-bottom:0 !important; }
.lbR__cta{
  position:relative; isolation:isolate; overflow:hidden; display:flex; flex-direction:column; align-items:center; text-align:center;
  padding:clamp(64px,8vw,110px) 24px; border-top:1px solid var(--r-line); border-bottom:1px solid var(--r-line); background:var(--r-card);
}
.lbR__ctaArt{ position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; object-position:var(--r-cta-pos, center 35%); }
.lbR__cta::after{ content:""; position:absolute; inset:0; z-index:-1; background:rgba(var(--r-ink),.74); }
.lbR__cta .lbR__tag{ margin-bottom:18px; }
.lbR__cta h2{ margin:0; font-size:clamp(32px,4.2vw,56px); line-height:1.05; }
.lbR__cta h2 span{ color:var(--r-a); -webkit-text-fill-color:var(--r-a); }
.lbR__cta p{ max-width:52ch; margin:14px auto 0; color:rgba(240,243,255,.82); font-size:17px; line-height:1.6; }
.lbR__cta .lbR__actions{ justify-content:center; margin-top:30px; }

/* Sticky apply button on phones once the hero is out of view */
.lbR__dock{ position:fixed; left:12px; right:12px; bottom:12px; z-index:900; display:none; }
.lbR__dock .lbR__btn{ width:100%; }

/* Scroll reveal (only when JS runs; recruit.js removes the class otherwise) */
.lbr-anim [data-r-reveal]{ opacity:0; transform:translateY(26px); transition:opacity .7s var(--r-ease), transform .7s var(--r-ease), border-color .3s; transition-delay:calc(var(--i,0) * 90ms); }
.lbr-anim [data-r-reveal].is-in{ opacity:1; transform:none; }
.lbr-anim [data-r-reveal].is-in:hover{ transition-delay:0s; }

@media(max-width:1100px){
  .lbR__heroCard{ grid-template-columns:1fr; align-items:start; gap:28px; min-height:0; }
  .lbR__heroCard::after{ background:linear-gradient(180deg, rgba(var(--r-ink),.55) 0%, rgba(var(--r-ink),.88) 60%); }
  .lbR__panel{ max-width:460px; }
  .lbR__steps, .lbR__rules, .lbR__arts, .lbR__ranks{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .lbR__steps{ gap:14px; }
  .lbR__stepLink{ display:none; }
  .lbR__why, .lbR__fines{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:820px){
  .lbR__stats{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .lbR__req, .lbR__why, .lbR__fines{ grid-template-columns:1fr; }
}
@media(max-width:640px){
  .lbR__wrap{ width:calc(100% - 32px); }
  .lbR__hero{ padding-top:calc(var(--lb-content-top,100px) + 16px); }
  .lbR__heroCard{ padding:22px; border-radius:24px; }
  .lbR__sub{ font-size:16px; }
  .lbR__actions{ flex-direction:column; align-items:stretch; width:100%; }
  .lbR__stats{ grid-template-columns:1fr; }
  .lbR__steps, .lbR__rules, .lbR__arts, .lbR__ranks{ grid-template-columns:1fr; }
  .lbR__art{ min-height:240px; }
  .lbR__steps{ gap:24px; }
  .lbR__stepLink{ display:grid; top:auto; right:auto; left:50%; bottom:-31px; margin-left:-19px; }
  .lbR__stepLink i{ transform:rotate(90deg); animation:none; }
  .lbR__panel{ max-width:none; padding:16px; }
  .lbR__bubble{ width:46px; height:46px; }
  .lbR__faqBtn{ padding:16px; font-size:15.5px; }
  .lbR__faqA p{ padding:0 16px 16px; font-size:14px; }
  .lbR__dock{ display:block; transform:translateY(140%); transition:transform .35s var(--r-ease); }
  .lbR__dock.is-on{ transform:none; }
}
@media(prefers-reduced-motion:reduce){
  .lbR *, .lbR *::before, .lbR *::after{ animation:none !important; transition:none !important; }
  .lbR__in, .lbR__bubble, .lbR__ladder img{ opacity:1; transform:none; }
  .lbR__h1 span::before{ transform:scaleX(1); }
  .lbR__float{ display:none; }
  .lbr-anim [data-r-reveal]{ opacity:1; transform:none; }
  .lbR__stepLink{ transform:none; }
  .lbR__rankBar i{ width:var(--w); }
}