/* ═══════════════════════════════════════════
   결 · Landing Pages (B, E-①~⑤ 공통)
   ═══════════════════════════════════════════ */

.land-top {
  position: sticky; top: 0; z-index: 50;
  display: flex; align-items: center; justify-content: space-between;
  padding: 18px 28px; background: rgba(12,10,24,.82); backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.land-top a.logo {
  font-family: 'Gowun Batang', serif; font-size: 1.3rem; color: var(--ink); text-decoration: none; letter-spacing: .02em;
}
.land-top a.logo::before { content: '결 '; color: var(--terra); }
.land-top .cta-mini {
  padding: 8px 18px; border-radius: 999px; background: var(--terra); color: #fff;
  font-size: .85rem; font-weight: 600; text-decoration: none;
}

.land-hero {
  padding: 80px 24px 70px; text-align: center; max-width: 920px; margin: 0 auto;
}
.land-hero .eyebrow {
  font-size: .72rem; font-weight: 700; letter-spacing: 3px; text-transform: uppercase;
  color: var(--gold); margin-bottom: 14px;
}
.land-hero h1 {
  font-size: clamp(2rem, 5.2vw, 3.4rem); line-height: 1.22; color: var(--ink);
  margin-bottom: 20px; word-break: keep-all;
}
.land-hero .sub {
  font-size: 1.08rem; color: var(--body); max-width: 680px; margin: 0 auto 32px; word-break: keep-all;
}
.land-cta {
  display: inline-block; padding: 14px 34px; border-radius: 999px;
  background: linear-gradient(135deg, var(--terra), var(--gold));
  color: #fff; font-size: 1rem; font-weight: 700; text-decoration: none;
  box-shadow: 0 10px 40px rgba(194,82,58,.28);
  transition: transform .2s;
}
.land-cta:hover { transform: translateY(-2px); }
.land-cta.secondary { background: transparent; border: 1px solid rgba(255,255,255,.2); box-shadow: none; margin-left: 10px; }

.land-wrap {
  max-width: 860px; margin: 0 auto; padding: 10px 24px 100px;
}
.land-section {
  padding: 56px 0;
  border-top: 1px solid rgba(255,255,255,.05);
}
.land-section h2 {
  font-size: 1.7rem; color: var(--ink); margin-bottom: 16px; word-break: keep-all;
}
.land-section p { font-size: .98rem; color: var(--body); margin-bottom: 14px; word-break: keep-all; }
.land-section ul, .land-section ol { padding-left: 22px; margin-bottom: 16px; color: var(--body); }
.land-section li { margin-bottom: 8px; }

.land-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; margin-top: 22px;
}
.land-card {
  background: var(--card); border: var(--glass-border); border-radius: var(--radius);
  padding: 24px 20px;
}
.land-card h3 { color: var(--ink); font-size: 1.05rem; margin-bottom: 8px; }
.land-card p { font-size: .9rem; color: var(--mute); }

.land-steps { counter-reset: step; display: grid; gap: 14px; margin-top: 20px; }
.land-step {
  background: var(--card); border: var(--glass-border); border-radius: var(--radius);
  padding: 22px 22px 22px 68px; position: relative;
}
.land-step::before {
  counter-increment: step; content: counter(step);
  position: absolute; left: 18px; top: 20px;
  width: 36px; height: 36px; border-radius: 50%;
  background: var(--terra); color: #fff; font-weight: 700;
  display: flex; align-items: center; justify-content: center; font-size: .95rem;
}
.land-step strong { color: var(--ink); display: block; margin-bottom: 4px; }
.land-step span { font-size: .88rem; color: var(--mute); }

.land-faq details {
  background: var(--card); border: var(--glass-border); border-radius: var(--radius);
  padding: 16px 22px; margin-bottom: 10px;
}
.land-faq summary {
  cursor: pointer; color: var(--ink); font-weight: 600; font-size: .98rem; list-style: none;
  display: flex; justify-content: space-between; align-items: center; word-break: keep-all;
}
.land-faq summary::after { content: '+'; color: var(--gold); font-size: 1.3rem; }
.land-faq details[open] summary::after { content: '−'; }
.land-faq details[open] { padding-bottom: 22px; }
.land-faq p { margin-top: 12px; font-size: .9rem; color: var(--body); line-height: 1.7; }

.land-sample {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 10px; margin-top: 20px;
}
.land-sample-box {
  aspect-ratio: 1; border-radius: var(--radius);
  background: linear-gradient(135deg, #1a1235, #0f0a24);
  border: var(--glass-border);
  display: flex; align-items: center; justify-content: center;
  color: var(--gold); font-family: 'Gowun Batang', serif; font-size: 1.6rem;
  box-shadow: inset 0 0 40px rgba(196,154,42,.1);
}

.land-cta-block {
  margin: 60px 0 20px; padding: 50px 28px;
  text-align: center;
  background: radial-gradient(ellipse at top, rgba(194,82,58,.14), transparent 70%);
  border-radius: var(--radius);
}
.land-cta-block h3 {
  font-size: 1.5rem; color: var(--ink); margin-bottom: 12px; word-break: keep-all;
}
.land-cta-block p { color: var(--body); margin-bottom: 28px; font-size: .95rem; }

.land-foot {
  padding: 40px 24px 50px; text-align: center; color: var(--light); font-size: .82rem;
  border-top: 1px solid rgba(255,255,255,.04);
}
.land-foot a { color: var(--mute); text-decoration: none; margin: 0 10px; }
.land-foot a:hover { color: var(--gold); }

.breadcrumb { font-size: .78rem; color: var(--mute); margin-bottom: 12px; }
.breadcrumb a { color: var(--gold); text-decoration: none; }