/* 플랫폼·앱 마케팅 — 어두운 무대 나뉜 첫 화면. 쪽만의 것 = 폰 속 가입 단계 화면, 이벤트 대조 표, 검은 가격 카드 속 대행료 계산 */
.pg-platform .ap-hero .crumb{margin:0;color:rgba(255,255,255,.7)}
.pg-platform .ap-hero .crumb a:hover{color:#fff}
.pg-platform .ap-hero .nl-3d{width:96px;animation:none}
.pg-platform .ap-ph{position:relative;text-align:center}
.pg-platform .ap-ph .nl-phone{box-shadow:0 0 0 2px #3a3f47,0 60px 120px -40px rgba(49,130,246,.55)}
.pg-platform .ap-app{display:flex;justify-content:space-between;align-items:center;font-size:15px}
.pg-platform .ap-app span{padding:3px 9px;border-radius:999px;background:var(--soft);font-size:11px;font-weight:700;color:var(--body)}
.pg-platform .ap-step{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:18px;counter-reset:s}
.pg-platform .ap-step li{counter-increment:s;padding-top:10px;border-top:4px solid var(--line);font-size:12px;font-weight:700;color:var(--body)}
.pg-platform .ap-step li::before{content:counter(s) ". "}
.pg-platform .ap-step .ok{border-color:var(--blue);color:var(--blue2)}
.pg-platform .ap-step .ok::before{content:"✓ "}
.pg-platform .ap-step .now{border-color:#9cc6ff;color:var(--ink)}
.pg-platform .ap-tt{margin-top:30px;font-size:21px;font-weight:800;line-height:1.35;letter-spacing:-.05em}
.pg-platform .ap-in{margin-top:22px;padding:13px 14px;border-radius:12px;border:1.5px solid var(--blue);font-size:15px;font-weight:600;color:var(--body)}
.pg-platform .ap-bt{margin-top:10px;padding:13px;border-radius:12px;background:var(--blue);color:#fff;text-align:center;font-size:15px;font-weight:700}
.pg-platform .ap-wait{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;font-size:12.5px;color:var(--body)}
.pg-platform .ap-hint{margin-top:22px;padding-top:14px;border-top:1px solid var(--line);font-size:12.5px;color:var(--body);text-align:center}
.pg-platform .ap-wait i{width:14px;height:14px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--blue)}
.pg-platform .ap-toast{position:absolute;left:14px;right:14px;bottom:18px;padding:12px 14px;border-radius:14px;background:var(--ink);color:#fff;font-size:12.5px;font-weight:600;line-height:1.5}
.pg-platform .ap-pin{position:absolute;top:42%;left:calc(50% + 150px);display:grid;gap:2px;padding:12px 16px;border-radius:14px;background:#fff;color:var(--body);font-size:12.5px;text-align:left;white-space:nowrap;box-shadow:0 20px 40px -20px rgba(0,0,0,.6)}
.pg-platform .ap-pin b{color:#e5484d;font-size:14px}
.pg-platform .ap-pin::before{content:"";position:absolute;left:-7px;top:50%;width:14px;height:14px;margin-top:-7px;background:#fff;transform:rotate(45deg)}
.pg-platform .ap-ph .nl-cap{margin-top:22px;color:rgba(255,255,255,.7)}
.pg-platform .ap-fun{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.pg-platform .ap-ev{margin-top:44px;text-align:center}
.pg-platform .ap-ev caption{caption-side:bottom;padding:12px 4px 0;text-align:left;font-size:13px;color:var(--body)}
.pg-platform .ap-ev :where(th,td){text-align:center}
.pg-platform .ap-ev tbody th{text-align:left}
.pg-platform .ap-ev td .ic{display:inline-block;width:18px;height:18px;padding:3px;border-radius:50%;vertical-align:-4px;margin-right:6px}
.pg-platform .ap-ev td.y .ic{background:var(--blue);color:#fff}
.pg-platform .ap-ev td.n .ic{background:#fde8e8;color:#c4282e}
.pg-platform .ap-ev td.n{color:#c4282e;font-weight:700}
.pg-platform .ap-ev{display:table}
.pg-platform .nl-it a{color:inherit;font-weight:700;text-decoration:underline}
@media (min-width:901px){.pg-platform .nl-plans{grid-template-columns:1.25fr 1fr}}
.pg-platform .ap-calc{margin-top:26px;padding:20px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.pg-platform .ap-calc p{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px}
.pg-platform .ap-calc label{font-size:14px;font-weight:700;color:rgba(255,255,255,.8)}
.pg-platform .ap-calc output{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}
.pg-platform .ap-calc input{width:100%;margin:14px 0 16px;accent-color:var(--blue)}
.pg-platform .ap-o{padding-top:14px;border-top:1px dashed rgba(255,255,255,.25)}
.pg-platform .ap-o span{font-size:13px;color:rgba(255,255,255,.75)}
.pg-platform .ap-o b{font-size:24px;font-weight:900;color:var(--sky);font-variant-numeric:tabular-nums}
.pg-platform .ap-faq{text-align:center}
.pg-platform .ap-faq>.nl-sub{margin-left:auto;margin-right:auto}
.pg-platform .ap-faq .nl-faq{display:block;margin-top:48px;text-align:left}
@media (max-width:1180px){.pg-platform .ap-pin{left:auto;right:0}}
@media (max-width:900px){
  .pg-platform .ap-fun{grid-template-columns:1fr;gap:40px}
  .pg-platform .ap-fun>.nl-card{order:2}
  .pg-platform .ap-pin{right:calc(50% - 250px)}
}
@media (max-width:600px){
  .pg-platform .ap-pin{position:static;display:inline-grid;margin-top:16px;box-shadow:none;border:1px solid var(--line)}
  .pg-platform .nl-plan .pr span{display:block;margin:6px 0 0}
  .pg-platform .ap-pin::before{display:none}
  .pg-platform .ap-ev{display:table;font-size:14px}
  .pg-platform .ap-ev :where(th,td){padding:12px 8px}
  .pg-platform .ap-ev td span{display:block;margin-top:4px;font-size:12px}
  .pg-platform .ap-ev td .ic{margin:0 auto}
  .pg-platform .ap-calc{padding:16px}
}