/* ── Navigation ── prc.css에서는 nav.php 스타일에 위임 ── */
* { margin:0; padding:0; box-sizing:border-box; }
body {
  background:#000;
  color:#fff;
  font-family:'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  line-height:1.8;
}
.hero {
  min-height:60vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  padding:20px 24px 20px;
  background:radial-gradient(ellipse at center, #0a1a0a 0%, #000 70%);
  border-bottom:1px solid #111;
}
.hero-badge {
  display:inline-block;
  border:1px solid #00C853;
  color:#00C853;
  font-size:11px;
  padding:4px 16px;
  border-radius:20px;
  margin-bottom:32px;
  letter-spacing:3px;
}
.hero-warning {
  display:inline-block;
  border:1px solid #ff3b30;
  color:#ff3b30;
  font-size:12px;
  padding:6px 20px;
  border-radius:20px;
  margin-bottom:20px;
  letter-spacing:1px;
  font-weight:700;
}
.hero h1 {
  font-size:clamp(28px, 7vw, 64px);
  font-weight:900;
  line-height:1.15;
  margin-bottom:20px;
  letter-spacing:-1px;
}
.hero h1 span { color:#00C853; }
.hero-sub {
  font-size:clamp(14px, 2vw, 18px);
  color:#777;
  max-width:600px;
  margin:0 auto 48px;
}
.hero-btn {
  display:inline-block;
  background:#00C853;
  color:#000;
  font-size:17px;
  font-weight:800;
  padding:16px 48px;
  border-radius:50px;
  text-decoration:none;
  transition:all 0.2s;
}
.hero-btn:hover { background:#00E676; transform:translateY(-2px); }
.wrap {
  max-width:780px;
  margin:0 auto;
  padding:28px 24px;
  border-bottom:1px solid #0f0f0f;
}
.label {
  font-size:11px;
  color:#00C853;
  letter-spacing:3px;
  margin-bottom:14px;
}
h2 {
  font-size:clamp(22px, 4vw, 34px);
  font-weight:800;
  line-height:1.35;
  margin-bottom:24px;
}
h2 span { color:#00C853; }
.body-text {
  color:#999;
  font-size:16px;
  margin-bottom:16px;
  line-height:1.9;
}
.hl {
  background:#0a1a0a;
  border-left:3px solid #00C853;
  padding:18px 22px;
  border-radius:0 8px 8px 0;
  margin:28px 0;
  color:#ccc;
  font-size:15px;
  line-height:1.9;
}
.intro {
  background:#050505;
  border-left:4px solid #00C853;
  padding:36px 32px;
  border-radius:0 12px 12px 0;
  margin:32px 0;
}
.intro p {
  color:#bbb;
  font-size:16px;
  margin-bottom:16px;
  line-height:1.9;
}
.intro p:last-child { margin-bottom:0; }
.intro strong { color:#fff; }
.intro .final {
  color:#fff;
  font-size:17px;
  font-weight:700;
  margin-top:24px;
  padding-top:24px;
  border-top:1px solid #1a1a1a;
}
details {
  margin-bottom:10px;
  border:1px solid #1a1a1a;
  border-radius:10px;
  overflow:hidden;
}
details[open] { border-color:#00C853; }
summary {
  cursor:pointer;
  font-size:15px;
  font-weight:700;
  padding:18px 20px;
  background:#0d0d0d;
  color:#ddd;
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  transition:background 0.2s;
}
summary::-webkit-details-marker { display:none; }
summary:hover { background:#111; color:#fff; }
details[open] summary { color:#00C853; background:#0a1a0a; }
summary::after { content:'＋'; color:#555; font-size:18px; flex-shrink:0; margin-left:12px; }
details[open] summary::after { content:'－'; color:#00C853; }
.acc-content {
  padding:24px 24px 28px;
  background:#080808;
  color:#999;
  font-size:15px;
  line-height:1.95;
  border-top:1px solid #1a1a1a;
}
.acc-content p { margin-bottom:14px; }
.acc-content p:last-child { margin-bottom:0; }
.acc-content strong { color:#fff; }
.acc-content .point {
  display:inline-block;
  background:#0a1a0a;
  border:1px solid #00C853;
  color:#00C853;
  font-size:12px;
  padding:3px 10px;
  border-radius:4px;
  margin-bottom:14px;
  font-weight:700;
}
.acc-content .hl {
  background:#0a1a0a;
  border-left:3px solid #00C853;
  padding:14px 18px;
  border-radius:0 8px 8px 0;
  margin:16px 0;
  color:#ccc;
  font-size:14px;
  line-height:1.9;
}
.innovation-hint {
  font-size:12px;
  color:#555;
  font-weight:400;
  margin-left:12px;
}
.download-box {
  background:#0a1a0a;
  border:1px solid #00C853;
  border-radius:16px;
  padding:48px 32px;
  text-align:center;
  margin-top:48px;
}
.download-box h3 { font-size:26px; font-weight:800; margin-bottom:12px; }
.download-box p { color:#777; font-size:15px; margin-bottom:28px; }
.dl-btn {
  display:inline-block;
  background:#00C853;
  color:#000;
  font-weight:800;
  font-size:18px;
  padding:16px 52px;
  border-radius:50px;
  text-decoration:none;
  transition:all 0.2s;
}
.dl-btn:hover { background:#00E676; transform:translateY(-2px); }
.dl-note {
  margin-top:20px;
  color:#444;
  font-size:13px;
  line-height:2.2;
}
.dl-note strong { color:#666; }
.closing {
  text-align:center;
  padding:48px 24px;
  background:#030303;
  border-top:1px solid #0f0f0f;
}
.closing p {
  font-size:clamp(18px, 3vw, 26px);
  color:#fff;
  font-weight:300;
  max-width:680px;
  margin:0 auto;
  line-height:1.8;
}
.closing span { color:#00C853; font-weight:700; }
footer {
  text-align:center;
  padding:40px;
  color:#222;
  font-size:13px;
  border-top:1px solid #0f0f0f;
}