/* 랜딩 전용 — 「운동메이트」 */
.pg-landing{--lp-mint:#5cf0c4;--lp-coral:#ff4d3a;background:#0b0d11;color:var(--text);overflow-x:hidden}
.pg-landing .btn.ghost{background:transparent;border-color:#3a4250}
.pg-landing .btn.ghost:hover{background:#1a1f28}
.lp-nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:12px 22px;background:#0b0d11e8;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.lp-nav .brand{margin-right:auto}
.lp-links{display:flex;gap:4px;flex-wrap:wrap}
.lp-links a{color:var(--muted);text-decoration:none;padding:6px 10px;border-radius:8px;font-weight:600;font-size:13px}
.lp-links a:hover{color:var(--text);background:var(--card2)}

.lp-hero{position:relative;min-height:min(78vh,720px);display:flex;align-items:center;padding:48px 6vw 56px;isolation:isolate}
.lp-hero-bg{position:absolute;inset:0;z-index:-1}
.lp-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:72% 40%;opacity:.92}
.lp-hero-shade{position:absolute;inset:0;background:
  linear-gradient(90deg,#0b0d11 0%,#0b0d11ee 38%,#0b0d1166 62%,#0b0d1120 100%),
  linear-gradient(180deg,#0b0d11aa 0%,transparent 28%,transparent 70%,#0b0d11 100%)}
.lp-hero-copy{max-width:560px}
.lp-kicker{display:inline-block;margin:0 0 12px;padding:4px 12px;border-radius:99px;font-size:12px;font-weight:700;letter-spacing:.3px;color:var(--lp-mint);background:#10221d;border:1px solid #1f6a58}
.lp-hero h1{margin:0 0 14px;font-size:clamp(28px,4.2vw,44px);line-height:1.25;letter-spacing:-.6px;font-weight:800}
.lp-lead{margin:0 0 22px;font-size:16px;line-height:1.65;color:#c5cbd6}
.lp-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.lp-hero .lp-ctas{margin-bottom:8px}
.lp-cta-note{margin:0 0 18px;font-size:13px;color:var(--muted)}
.lp-trust{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 18px}
.lp-trust li{font-size:13px;color:var(--muted)}
.lp-trust b{color:#fff;font-weight:800;margin-right:4px}

.lp-pillars{display:flex;flex-direction:column;gap:28px;padding:28px 6vw 12px;max-width:1180px;margin:0 auto}
.lp-card{display:grid;grid-template-columns:1.15fr 1fr;gap:22px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;overflow:hidden}
.lp-card.reverse{grid-template-columns:1fr 1.15fr}
.lp-card.reverse .lp-shot{order:2}
.lp-shot{border-radius:14px;overflow:hidden;border:1px solid #232a35;background:#0f1319;aspect-ratio:4/3}
.lp-shot img{width:100%;height:100%;object-fit:cover;display:block}
.lp-card-body{padding:8px 10px 8px 4px}
.lp-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--lp-coral);margin-bottom:6px}
.lp-card h2{margin:0 0 8px;font-size:clamp(20px,2.4vw,26px);letter-spacing:-.3px}
.lp-card p{margin:0 0 14px;color:#b8c0ce;line-height:1.6}
.lp-area-links{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.lp-area-links a{text-decoration:none;font-size:12px;font-weight:600;padding:4px 11px;border-radius:99px;border:1px solid #1f6a58;color:var(--lp-mint);background:#10221d}
.lp-area-links a:hover{background:#163830}

.lp-more{padding:36px 6vw;max-width:1180px;margin:0 auto}
.lp-more h2{margin:0 0 14px;font-size:22px;letter-spacing:-.3px}
.lp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.lp-mini{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:14px;border:1px solid var(--line);background:var(--card);text-decoration:none;color:inherit;transition:.15s}
.lp-mini:hover{border-color:#5a2a24;background:linear-gradient(90deg,#1a1416,#13171e);transform:translateY(-1px)}
.lp-mini b{font-size:15px}.lp-mini span{font-size:12.5px;color:var(--muted)}

.lp-final{text-align:center;padding:48px 6vw 40px;background:radial-gradient(ellipse at 50% 0%,#2a151380,#0b0d11 65%)}
.lp-final h2{margin:0 0 8px;font-size:clamp(22px,3vw,30px)}
.lp-final p{margin:0 0 18px;color:var(--muted)}
.lp-final .lp-ctas{justify-content:center}

.lp-foot{padding:28px 6vw 40px;border-top:1px solid var(--line);max-width:900px;margin:0 auto}
.lp-foot .logo{color:var(--accent)}

@media (max-width:900px){
  .lp-card,.lp-card.reverse{grid-template-columns:1fr}
  .lp-card.reverse .lp-shot{order:0}
  .lp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-hero{min-height:auto;padding-top:36px}
  .lp-hero-bg img{object-position:85% 35%}
  .lp-hero-shade{background:linear-gradient(180deg,#0b0d11f2 0%,#0b0d11cc 42%,#0b0d1188 70%,#0b0d11 100%),linear-gradient(90deg,#0b0d11ee 0%,#0b0d1160 100%)}
}
@media (max-width:640px){
  .lp-links{display:none}
  .lp-nav{padding:10px 14px}
  .lp-grid{grid-template-columns:1fr}
  .lp-ctas .btn.big{flex:1 1 100%;text-align:center}
}
/* 재방문자: 이어하기 ▶ 오늘의 추천 */
.pg-landing{overflow-anchor:none}
.lp-resume{position:relative;z-index:29;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:10px 16px;background:#1d1611f2;border-bottom:1px solid #6b4a22;backdrop-filter:blur(10px)}
.lp-resume-t{font-weight:700;color:#ffd7a0}
@media (max-width:760px){.lp-resume{padding:8px 12px;gap:8px}.lp-resume .btn{flex:1 1 auto;justify-content:center}}
/* 오픈베타 섹션 */
.lp-nav .brand .beta-badge{margin-left:6px}
.lp-nav .fb-btn{margin-right:6px}
.lp-beta{padding:28px 20px;display:flex;justify-content:center}
.lp-beta-in{max-width:880px;width:100%;border:1px solid #1f5a4a;background:linear-gradient(180deg,#0c1b18,#0b0d11);border-radius:18px;padding:22px}
.lp-beta-in h2{margin:8px 0 6px;font-size:22px;letter-spacing:-.4px}
.lp-beta-in p{margin:0 0 10px}
.lp-beta-list{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:6px}
.lp-beta-list li{display:flex;gap:10px;align-items:baseline}.lp-beta-list b{color:#5ff2c5;min-width:34px}
@media (max-width:760px){.lp-beta{padding:18px 12px}.lp-beta-in{padding:16px}.lp-beta-in h2{font-size:19px}}
.lp-foot a{color:inherit}