/* Rising Fighter — 랜딩페이지 전용 스타일 (guides.css 위에 얹는다) */

/* 랜딩은 본문보다 넓게 */
.lp main{max-width:940px}
.lp .site-header .inner{max-width:940px}
.lp .site-footer .inner{max-width:940px}

/* Hero — 뷰포트 전폭(full-bleed). 세로 일러스트를 넓게 잘라 쓰므로 밝은 지점(문·조명)이 남도록 크롭한다. */
.lp .hero{position:relative;margin:-40px calc(50% - 50vw) 8px;padding:0}
.hero-art{position:relative;overflow:hidden;min-height:460px;display:flex;align-items:flex-end}
.hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;opacity:.55}
.hero-art::after{content:"";position:absolute;inset:0;background:
  radial-gradient(120% 90% at 22% 55%,rgba(10,10,11,.92) 0%,rgba(10,10,11,.55) 55%,rgba(10,10,11,.2) 100%),
  linear-gradient(180deg,rgba(10,10,11,.75) 0%,rgba(10,10,11,.25) 30%,rgba(10,10,11,.85) 82%,var(--bg) 100%)}
.hero-inner{position:relative;z-index:2;padding:74px 20px 44px;width:100%;max-width:940px;margin:0 auto}
.hero .kicker{font-family:'Oswald',sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.28em;color:var(--accent-soft);margin-bottom:10px}
.hero h1{font-size:clamp(30px,6.4vw,50px);font-weight:700;margin:0 0 14px;color:#fff;max-width:16em}
.hero .lead{font-size:clamp(16px,2.4vw,19.5px);color:var(--text-dim);max-width:34em;margin:0 0 22px}
.hero .lead strong{color:#fff}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}
.hero-actions .btn{font-size:16px;padding:14px 34px}
.hero-actions .btn.ghost{background:transparent;border:1px solid var(--line);color:var(--text)}
.hero-actions .btn.ghost:hover{background:var(--bg-card);border-color:var(--accent);transform:none}
.hero-meta{font-size:13.5px;color:var(--text-faint);margin-top:14px}
.hero-rating{font-family:'Oswald',sans-serif;color:var(--gold);font-size:16px;letter-spacing:.03em}
.hero-rating strong{color:#fff;font-size:18px}
.hero-rating a{color:var(--text-dim);font-family:'Barlow',sans-serif;font-size:13.5px;font-weight:600}

/* 섹션 */
.lp section{margin:56px 0}
.lp section > h2{font-size:clamp(23px,3.4vw,30px);font-weight:600;margin:0 0 8px;color:#fff}
.lp section > .sub{color:var(--text-dim);font-size:17px;margin:0 0 24px;max-width:44em}
.lp p{margin:0 0 18px}
.lp p strong{color:#fff}
.lp section > ul{margin:0 0 18px 22px}
.lp section > ul li{margin-bottom:8px}

/* 모드 2종 카드 */
.modes{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.mode{background:var(--bg-card);border:1px solid var(--line);border-radius:14px;padding:24px 22px}
.mode.gold{border-color:#3a3020}
.mode .tag{font-family:'Oswald',sans-serif;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--gold)}
.mode.red .tag{color:var(--accent-soft)}
.mode h3{font-size:22px;margin:6px 0 4px;color:#fff}
.mode .kr{font-size:13.5px;font-weight:700;color:var(--gold);margin-bottom:10px}
.mode.red .kr{color:var(--accent-soft)}
.mode p{font-size:15.5px;color:var(--text-dim);margin:0 0 12px}
.mode ul{margin:0 0 0 20px;font-size:14.5px;color:var(--text-dim)}
.mode li{margin-bottom:6px}

/* 그림 + 글 2단 */
.split{display:grid;gap:26px;grid-template-columns:1fr;align-items:center}
@media(min-width:720px){.split{grid-template-columns:1fr 1fr}.split.flip .split-text{order:2}}
.split-art{border-radius:14px;overflow:hidden;border:1px solid var(--line);aspect-ratio:4/3;background:var(--bg-card)}
.split-art img{width:100%;height:100%;object-fit:cover;display:block}
.split-text h2{font-size:clamp(22px,3.2vw,28px);margin:0 0 12px;color:#fff}
.split-text p{font-size:16.5px;color:var(--text-dim)}
.split-text p:last-child{margin-bottom:0}

/* 특징 그리드 */
.feature-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.feature{background:var(--bg-card);border:1px solid var(--line);border-radius:12px;padding:18px 20px}
.feature h3{font-size:17px;margin:0 0 6px;color:#fff}
.feature p{font-size:14.5px;color:var(--text-dim);margin:0}

/* 성향 칩 */
.chips{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 18px}
.chip{background:var(--bg-raise);border:1px solid var(--line);border-radius:999px;padding:7px 15px;font-size:14px;color:var(--text-dim)}
.chip strong{color:#fff;font-weight:600}

/* 리뷰 */
.reviews{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.review{background:var(--bg-card);border:1px solid var(--line);border-radius:12px;padding:18px 20px}
.review .stars{color:var(--gold);font-size:14px;letter-spacing:.1em;margin-bottom:8px}
.review p{font-size:15.5px;color:var(--text);margin:0 0 10px;font-style:italic}
.review .who{font-size:13px;color:var(--text-faint);font-style:normal}

/* 스토어 예정 배지 */
.store-soon{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.store-soon span{border:1px dashed var(--line);border-radius:8px;padding:9px 14px;font-size:13.5px;color:var(--text-faint)}

/* 가이드 링크 */
.guide-links{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.guide-links a{display:block;background:var(--bg-card);border:1px solid var(--line);border-radius:10px;padding:14px 16px;color:var(--text);font-weight:600;font-size:15px}
.guide-links a:hover{border-color:var(--accent);text-decoration:none}

/* 언어 전환 */
.lang-switch{font-size:13px;color:var(--text-faint);margin-left:16px}
.lang-switch a{color:var(--text-dim);font-weight:600}

@media(max-width:560px){
  /* 랜딩 헤더는 내비가 3개(가이드·언어·플레이)라 좁은 폭에서 줄바꿈이 난다 — 한 줄 고정. */
  .lp .site-header .inner{padding:11px 14px;gap:10px}
  .lp .wordmark{font-size:15px;white-space:nowrap}
  .lp .site-nav{display:flex;align-items:center;gap:12px;white-space:nowrap}
  .lp .site-nav a{margin-left:0;font-size:12.5px}
  .lp .site-nav a[href^="/?"]{padding:7px 13px}
  .hero-art{min-height:330px}
  .hero-inner{padding:44px 20px 30px}
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-actions .btn{width:100%;text-align:center}
}