/* Playnest — public landing page (guests). Builds on style.css tokens. */
.ln-hero{padding:80px 0 0}
.ln-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;padding-bottom:64px;position:relative;z-index:1}
.ln-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.ln-ticks{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px;list-style:none;color:var(--ink-2);font-size:14px;font-weight:500}
.ln-ticks i{color:var(--g);margin-right:6px}

.ln-stage{position:relative;min-height:420px}
.ln-pitch{position:absolute;inset:0 30px 30px 0;border-radius:28px;background:linear-gradient(160deg,#22c55e,#0a7d3c 55%,#065f2c);box-shadow:var(--sh-lg);overflow:hidden}
.ln-pitch:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 48px,transparent 48px 96px)}
.ln-pitch-lines{position:absolute;inset:26px;border:2px solid rgba(255,255,255,.6);border-radius:16px}
.ln-pitch-lines:before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:2px solid rgba(255,255,255,.6)}
.ln-pitch-lines:after{content:"";position:absolute;left:50%;top:50%;width:110px;height:110px;border:2px solid rgba(255,255,255,.6);border-radius:50%;transform:translate(-50%,-50%)}
.ln-ball{position:absolute;left:50%;top:50%;font-size:44px;transform:translate(-50%,-50%);animation:ln-bob 3s ease-in-out infinite;filter:drop-shadow(0 10px 12px rgba(0,0,0,.25))}
@keyframes ln-bob{50%{transform:translate(-50%,-62%)}}
.ln-fc-1{left:-24px;top:34px}
.ln-fc-2{right:0;bottom:0}

.ln-sports{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.ln-sport{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 12px;background:#fff;border:1px solid var(--line);border-radius:var(--r);text-align:center;transition:.18s}
.ln-sport:hover{border-color:var(--g);transform:translateY(-2px);box-shadow:var(--sh)}
.ln-sport-ic{width:58px;height:58px;border-radius:16px;background:var(--g-50);display:grid;place-items:center;font-size:28px}

.ln-benefits h3{font-size:18px;margin:4px 0 6px}
.ln-b-ic{width:44px;height:44px;border-radius:12px;background:var(--g-50);color:var(--g-d);display:grid;place-items:center;font-size:20px;margin-bottom:10px}

.cta .ln-btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.cta .ln-btn-ghost:hover{background:rgba(255,255,255,.12)}

@media(max-width:900px){
  .ln-hero{padding-top:48px}
  .ln-hero-grid{grid-template-columns:1fr;gap:36px;padding-bottom:44px}
  .ln-stage{min-height:300px}
  .ln-fc-1{left:8px;top:16px}
}
@media(max-width:520px){
  .ln-cta-row .btn{flex:1 1 100%}
  .ln-stage{min-height:240px}
  .ln-pitch{inset:0 0 24px 0}
  .ln-fc-2{right:8px}
  .cta{padding:32px 22px}
}