/* =====================================================================
   Plan Modern — Dark Premium Finance
   Black + Binance Gold + Mono numerics + Sharp edges
   ===================================================================== */
:root{
  --bg:#08090c;
  --bg-2:#0e1015;
  --surface:#13141a;
  --surface-2:#181a22;
  --line:#262834;
  --line-soft:#1c1e26;
  --line-strong:#3a3d4c;

  --ink:#f5f6fa;
  --ink-soft:#a8acba;
  --ink-dim:#5a5e6e;
  --ink-mute:#3e4150;

  --gold:#fcd535;
  --gold-deep:#d4af00;
  --gold-glow:rgba(252,213,53,.35);
  --cyan:#00e5ff;
  --cyan-glow:rgba(0,229,255,.32);
  --pink:#ff3e6c;
  --pink-glow:rgba(255,62,108,.28);
  --green:#00d68f;
  --purple:#7c4dff;
  --orange:#ff7b00;          /* 빗썸 */
  --orange-glow:rgba(255,123,0,.3);

  --sans:"Pretendard Variable","Pretendard","Inter",system-ui,-apple-system,"Segoe UI","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --display:"Inter","Pretendard Variable","Pretendard",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,"Courier New",monospace;
}
/* 라이트 테마 및 토글 버튼 제거됨 — 다크 전용 운영 */
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--sans);
  font-feature-settings:"ss01","cv09","tnum";
  font-variant-numeric:tabular-nums;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  background-image:
    radial-gradient(ellipse 800px 600px at 80% -10%,  rgba(252,213,53,.06), transparent 70%),
    radial-gradient(ellipse 700px 600px at 0%   110%, rgba(18,75,28,.10),   transparent 70%),
    radial-gradient(ellipse 600px 500px at 100% 100%, rgba(14,58,20,.07),   transparent 70%);
  background-attachment:fixed;
}
::selection{background:var(--gold);color:#000}

/* TICKER TAPE */
.ticker{
  background:#000;border-bottom:1px solid var(--line);overflow:hidden;
  height:32px;display:flex;align-items:center;
  font-family:var(--mono);font-size:11.5px;letter-spacing:.05em;
  position:relative;
}
.ticker::before,.ticker::after{
  content:"";position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none;
}
.ticker::before{left:0;background:linear-gradient(90deg,#000,transparent)}
.ticker::after{right:0;background:linear-gradient(-90deg,#000,transparent)}
.ticker-track{display:flex;gap:48px;animation:tickerSlide 60s linear infinite;white-space:nowrap;padding-left:60px}
.ticker-item{color:var(--ink-soft);display:inline-flex;gap:10px;align-items:center}
.ticker-item b{color:var(--ink);font-weight:700}
.ticker-item .up{color:var(--green)}
.ticker-item .dn{color:var(--pink)}
@keyframes tickerSlide{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

/* TOPBAR */
.topbar{
  position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;
  padding:16px 28px;background:rgba(8,9,12,.85);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;cursor:pointer}

/* 사자 심볼 */
.brand-lion-icon{
  height:54px;width:54px;display:block;object-fit:contain;
  filter:drop-shadow(0 0 8px rgba(252,213,53,.65)) drop-shadow(0 0 18px rgba(252,213,53,.25));
  transition:filter .3s, transform .25s;
  flex-shrink:0;
}
.brand:hover .brand-lion-icon{
  filter:drop-shadow(0 0 12px rgba(252,213,53,.85)) drop-shadow(0 0 28px rgba(252,213,53,.45));
  transform:scale(1.08);
}

/* 브랜드 워드마크 */
.brand-wordmark{
  font-family:var(--display);font-size:32px;font-weight:900;
  letter-spacing:.06em;color:#fff;line-height:1;
  user-select:none;text-transform:uppercase;
}
.brand-wordmark em{
  font-style:normal;
  background:linear-gradient(135deg,#ffe878 0%,#fcd535 50%,#d4a000 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  filter:drop-shadow(0 0 8px rgba(252,213,53,.45));
}

/* 구형 brand-logo 클래스 — 유지 (다른 페이지 호환) */
.brand-logo{height:38px;width:auto;display:block}
.topbar nav{display:flex;gap:22px;align-items:center}
.topbar nav a{color:var(--ink-soft);text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.04em;transition:color .15s}
.topbar nav a:hover{color:var(--gold)}
.topbar nav a.back{margin-left:6px;padding:7px 12px;border:1px solid var(--line);color:var(--ink);border-radius:2px}
.topbar nav a.back:hover{border-color:var(--gold);color:var(--gold)}
.hamburger{display:none;background:none;border:1px solid var(--line);padding:8px;cursor:pointer;border-radius:2px;flex-direction:column;gap:4px}
.hamburger span{display:block;width:18px;height:2px;background:var(--ink);transition:transform .2s, opacity .2s}
.hamburger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.hamburger[aria-expanded="true"] span:nth-child(2){opacity:0}
.hamburger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media (max-width:780px){
  .hamburger{display:flex}
  .topbar nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:rgba(8,9,12,.98);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:0;max-height:0;overflow:hidden;transition:max-height .25s ease}
  .topbar nav.open{max-height:400px;padding:8px 0}
  .topbar nav a{padding:14px 28px;width:100%;font-size:15px;border-bottom:1px solid var(--line)}
  .topbar nav a.back{margin:8px 28px;width:auto;border-bottom:1px solid var(--line)}
}

/* HERO */
.hero{
  position:relative;overflow:hidden;
  padding:80px 28px 60px;
  min-height:420px;
  border-bottom:1px solid var(--line);
  background-image:
    linear-gradient(to bottom, rgba(8,9,12,.55) 0%, rgba(8,9,12,.35) 40%, rgba(8,9,12,.55) 100%),
    url('assets/hero-casino-photo.jpg');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.hero-grid{
  position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(var(--line-soft) 1px, transparent 1px),
    linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(ellipse at 50% 30%, #000 40%, transparent 80%);
  -webkit-mask-image:radial-gradient(ellipse at 50% 30%, #000 40%, transparent 80%);
  opacity:.55;
}
.hero-svg{position:absolute;inset:0;pointer-events:none;opacity:.85}
.hero-inner{
  position:relative;max-width:1180px;margin:0 auto;
  display:flex;flex-direction:column;justify-content:space-between;
  min-height:300px;
  align-items:flex-start;
}

.hero .label{
  display:inline-flex;align-items:center;gap:12px;
  padding:0;border:none;background:none;
  font-family:var(--display);font-size:30px;font-weight:900;
  letter-spacing:-.02em;color:#fff;
  text-transform:none;
  margin-bottom:0;
}
.hero .label .dot{
  width:10px;height:10px;border-radius:50%;background:var(--gold);
  box-shadow:0 0 14px var(--gold);animation:pulse 1.6s infinite;
  flex-shrink:0;
}
.hero .label .label-brand{
  font-style:normal;font-weight:900;
  background:linear-gradient(135deg,#ffe878 0%,#fcd535 55%,#d4a000 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  filter:drop-shadow(0 0 14px rgba(252,213,53,.5));
}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}

.hero h1{
  font-size:clamp(34px,5.8vw,68px);
  line-height:1;
  letter-spacing:-.04em;
  margin:0 0 16px;
  font-weight:900;
}
.hero h1 .accent{color:var(--gold)}
.hero-sub{
  font-size:clamp(14px,1.4vw,17px);
  line-height:1.6;
  color:var(--ink-soft);
  margin:0 0 24px;
  max-width:640px;
  letter-spacing:-.005em;
}
.hero h1 .strike{text-decoration:line-through;text-decoration-color:var(--pink);color:var(--ink-dim);font-weight:600}

/* HERO A/B 토글 — 헤드라인 v1 vs v2 클라이언트 비교용 */
.hero-ab{
  display:inline-flex;align-items:center;gap:8px;
  margin:14px 0 8px;padding:5px 8px;
  border:1px solid var(--line);border-radius:2px;
  background:rgba(255,255,255,.02);
  font-family:var(--mono);font-size:11px;letter-spacing:.05em;
}
.hero-ab-label{color:var(--ink-dim);font-weight:700;padding-right:4px;border-right:1px solid var(--line)}
.hero-ab button{
  background:none;border:1px solid transparent;color:var(--ink-soft);
  padding:6px 12px;border-radius:2px;cursor:pointer;
  font:inherit;font-weight:700;transition:all .15s;
}
.hero-ab button:hover{color:var(--ink)}
.hero-ab button.active{
  background:var(--gold);color:#000;border-color:var(--gold);
  box-shadow:0 0 12px var(--gold-glow);
}
.hero-h1[hidden]{display:none}

.hero .lead{
  color:var(--ink-soft);font-size:clamp(15px,1.6vw,18px);max-width:640px;margin:0 0 32px;line-height:1.55;
}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:auto;align-self:flex-start}
.btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 24px;border-radius:2px;font-weight:800;font-size:14px;letter-spacing:.04em;
  text-decoration:none;cursor:pointer;border:1px solid transparent;
  transition:all .2s;font-family:inherit;
}
.btn-primary{background:var(--gold);color:#000;box-shadow:0 0 0 1px var(--gold-deep) inset}
.btn-primary:hover{background:#fff;color:#000;transform:translateY(-1px);box-shadow:0 8px 24px var(--gold-glow)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.btn .arr{font-family:var(--mono);transition:transform .2s}
.btn:hover .arr{transform:translateX(4px)}

/* HERO STATS — 모노 그리드 */
.hero-stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  margin-top:60px;border-top:1px solid var(--line);
}
.hero-stats > div{
  padding:24px 4px;border-right:1px solid var(--line);
  text-align:left;
}
.hero-stats > div:last-child{border-right:none}
.hero-stats .lab{
  font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--ink-dim);
  text-transform:uppercase;margin-bottom:8px;
}
.hero-stats .num{font-size:28px;font-weight:900;letter-spacing:-.02em;font-family:var(--mono)}
.hero-stats .num.gold{color:var(--gold)}
.hero-stats .sub{color:var(--ink-soft);font-size:12px;margin-top:4px}
@media (max-width:780px){
  .hero-stats{grid-template-columns:repeat(2,1fr)}
  .hero-stats > div:nth-child(2){border-right:none}
  .hero-stats > div:nth-child(-n+2){border-bottom:1px solid var(--line)}
}

/* ── 사자 심볼 반응형 ── */
@media (max-width:780px){
  .brand-lion-icon{height:26px}
  .brand-wordmark{font-size:15px}
}

/* SECTION */
section.bento, section.fees, section.scam, section.faq, section.refer{
  max-width:1180px;margin:96px auto;padding:0 28px;
}
.sec-head{
  display:flex;justify-content:space-between;align-items:baseline;
  border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:32px;
}
.sec-head .num{
  font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--ink-dim);
  text-transform:uppercase;
}
.sec-title{font-size:clamp(28px,3.4vw,42px);margin:0;letter-spacing:-.02em;font-weight:900;line-height:1.1}
.sec-sub{color:var(--ink-soft);font-size:14px;margin:8px 0 0;max-width:520px}

/* BENTO — 직각 코너, 강한 보더, 카드 간격 명확 */
.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;background:transparent}
.bento-card{
  background:var(--surface);position:relative;overflow:hidden;
  padding:28px;display:flex;flex-direction:column;gap:8px;cursor:pointer;
  border:1px solid var(--line-strong);
  border-radius:4px;
  transition:background .2s, transform .2s, border-color .2s, box-shadow .2s;
}
.bento-card::before{
  content:"";position:absolute;left:0;top:0;width:3px;height:100%;
  background:var(--gold);opacity:0;transition:opacity .2s;
}
.bento-card:hover{
  background:var(--surface-2);
  border-color:var(--gold);
  box-shadow:0 0 0 1px var(--gold-glow), 0 12px 32px rgba(0,0,0,.55);
  transform:translateY(-2px);
}
.bento-card:hover::before{opacity:1}
.bento-card[data-tone="warn"]::before{background:var(--pink)}
.bento-card[data-tone="warn"]:hover{border-color:var(--pink);box-shadow:0 0 0 1px var(--pink-glow), 0 12px 32px rgba(0,0,0,.55)}
.bento-card[data-tone="cyan"]::before{background:var(--cyan)}
.bento-card[data-tone="cyan"]:hover{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan-glow), 0 12px 32px rgba(0,0,0,.55)}
.bento-card[data-tone="purple"]::before{background:var(--purple)}
.bento-card[data-tone="purple"]:hover{border-color:var(--purple);box-shadow:0 0 0 1px rgba(124,77,255,.3), 0 12px 32px rgba(0,0,0,.55)}
.bento-card[data-tone="orange"]::before{background:var(--orange)}
.bento-card[data-tone="orange"]:hover{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange-glow), 0 12px 32px rgba(0,0,0,.55)}
.bento-card[data-tone="orange"] .bento-tag{color:var(--orange)}

/* === 카드 회전 글로우 — 마우스 오버시 빛이 테두리 따라 돕니다 === */
@property --bgr-ang{syntax:'<angle>'; inherits:false; initial-value:0deg}
.bento-card{--bgr-glow:#fcd535}
.bento-card[data-tone="warn"]{--bgr-glow:#ff3e6c}
.bento-card[data-tone="cyan"]{--bgr-glow:#3cd8f7}
.bento-card[data-tone="purple"]{--bgr-glow:#a48bff}
.bento-card[data-tone="orange"]{--bgr-glow:#ff8c1a}
.bento-card[data-tone="blue"]{--bgr-glow:#5ea8ff}
.bento-card[data-tone="green"]{--bgr-glow:#00d68f}
.bento-card[data-tone="dark"]{--bgr-glow:#fcd535}
.bento-card[data-tone="gold"]{--bgr-glow:#fcd535}
.bento-card::after{
  content:"";position:absolute;inset:0;border-radius:inherit;
  padding:1.5px;
  background:conic-gradient(from var(--bgr-ang,0deg),
    transparent 0deg, transparent 250deg,
    var(--bgr-glow) 305deg, var(--bgr-glow) 335deg,
    transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
          mask-composite:exclude;
  opacity:0;transition:opacity .3s;pointer-events:none;z-index:3;
  filter:drop-shadow(0 0 8px var(--bgr-glow));
}
.bento-card:hover::after{
  opacity:1;
  animation:bgr-spin 2.5s linear infinite;
}
@keyframes bgr-spin{from{--bgr-ang:0deg}to{--bgr-ang:360deg}}
@media (prefers-reduced-motion: reduce){
  .bento-card:hover::after{animation:none}
}

/* 신규회원 입출금 제한 요약 — 리스크 리스트 */
.bento-card .risk-list{
  list-style:none;margin:18px 0 0;padding:0;
  display:flex;flex-direction:column;gap:10px;
}
.bento-card .risk-list li{
  display:flex;gap:16px;align-items:flex-start;
  padding:16px 18px;background:rgba(255,62,108,.05);
  border:1px solid rgba(255,62,108,.16);border-left:3px solid var(--pink);
  border-radius:4px;transition:background .2s, border-color .2s;
}
.bento-card .risk-list li:hover{
  background:rgba(255,62,108,.08);
  border-color:rgba(255,62,108,.35);
}
.bento-card .risk-list .r-ico{
  font-size:24px;line-height:1;flex-shrink:0;margin-top:1px;
}
.bento-card .risk-list .r-body{
  display:flex;flex-direction:column;gap:6px;min-width:0;flex:1;
}
.bento-card .risk-list .r-body > b{
  font-family:var(--mono);font-size:12px;
  color:var(--pink);letter-spacing:.12em;
  font-weight:800;text-transform:uppercase;
}
.bento-card .risk-list .r-body > span{
  color:var(--ink-soft);font-size:13.5px;line-height:1.7;
  word-break:keep-all;overflow-wrap:anywhere;
}
.bento-card .risk-list .r-body em{
  font-style:normal;color:var(--ink);font-weight:800;
}
.bento-card .risk-list .r-row{
  display:flex;gap:10px;align-items:flex-start;
  margin-top:4px;padding:10px 12px;border-radius:3px;
}
.bento-card .risk-list .r-row > b{
  flex-shrink:0;font-family:var(--mono);font-size:11px;letter-spacing:.06em;
  font-weight:800;white-space:nowrap;
}
.bento-card .risk-list .r-row > span{
  font-size:12.5px;line-height:1.65;color:var(--ink-soft);
  word-break:keep-all;overflow-wrap:anywhere;
}
.bento-card .risk-list .r-row em{font-style:normal;color:var(--ink);font-weight:700}
.bento-card .risk-list .r-ok{
  background:rgba(0,214,143,.07);border-left:2px solid #00d68f;
}
.bento-card .risk-list .r-ok > b{color:#00d68f}
.bento-card .risk-list .r-no{
  background:rgba(255,62,108,.07);border-left:2px solid #ff3e6c;
}
.bento-card .risk-list .r-no > b{color:#ff3e6c}
@media (max-width:560px){
  .bento-card .risk-list li{padding:14px;gap:12px}
  .bento-card .risk-list .r-ico{font-size:20px}
  .bento-card .risk-list .r-row{flex-direction:column;gap:6px}
}

/* 거래소 로고 (벤토 카드 우측) */
.bento-card.has-logo{padding-right:140px}
.bento-card .brand-mark{
  position:absolute;right:28px;top:50%;transform:translateY(-50%);
  width:96px;height:96px;
  opacity:.95;pointer-events:none;
  transition:transform .25s, opacity .25s, filter .25s;
}
.bento-card.has-logo:hover .brand-mark{
  transform:translateY(-50%) scale(1.05);
  filter:drop-shadow(0 8px 22px rgba(0,0,0,.6));
}
@media (max-width:600px){
  .bento-card.has-logo{padding-right:28px}
  .bento-card .brand-mark{
    width:60px;height:60px;
    right:20px;top:24px;transform:none;
    opacity:.8;
  }
  .bento-card.has-logo:hover .brand-mark{transform:scale(1.05)}
}
.bento-card.span-6{grid-column:span 6}
.bento-card.span-4{grid-column:span 4}
.bento-card.span-3{grid-column:span 3}
.bento-card.span-12{grid-column:span 12}
.bento-card.row-2{grid-row:span 2;min-height:auto}

.bento-tag{
  font-family:var(--mono);font-size:12px;letter-spacing:.18em;color:var(--gold);
  text-transform:uppercase;font-weight:800;
}
.bento-card[data-tone="warn"] .bento-tag{color:var(--pink)}
.bento-card[data-tone="cyan"] .bento-tag{color:var(--cyan)}
.bento-card[data-tone="purple"] .bento-tag{color:var(--purple)}

.bento-card h3{
  margin:6px 0 0;font-size:24px;letter-spacing:-.015em;font-weight:800;color:var(--ink);
  word-break:keep-all;overflow-wrap:anywhere;line-height:1.2;
}
.bento-card.row-2 h3{font-size:24px}
.bento-card p{margin:8px 0 0;color:var(--ink-soft);font-size:14px;word-break:keep-all;overflow-wrap:anywhere}

.kpi{margin-top:auto;padding-top:18px;display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding-left:0}
.kpi li{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--ink-dim);
  border:1px solid var(--line);padding:4px 8px;border-radius:2px;
  text-transform:uppercase;
}

.bento-card .open-link{
  margin-top:18px;align-self:flex-start;
  background:transparent;border:1px solid var(--gold);color:var(--gold);
  padding:10px 18px;border-radius:2px;font-weight:800;cursor:pointer;font-size:12px;letter-spacing:.06em;
  text-transform:uppercase;font-family:inherit;
  transition:all .2s;display:inline-flex;align-items:center;gap:8px;
}
.bento-card .open-link:hover{background:var(--gold);color:#000}
.bento-card .open-link::after{content:"→";font-family:var(--mono);transition:transform .2s}
.bento-card .open-link:hover::after{transform:translateX(4px)}

.bento-card .ill{margin-top:14px}
.bento-card svg.ill{width:100%;height:auto;max-height:200px;display:block;border:1px solid var(--line)}
.bento-card.span-12 svg.ill{max-height:340px}
.bento-card.span-12 .ill{margin-top:22px}

@media (max-width:980px){
  .bento-card.span-6,.bento-card.span-4,.bento-card.span-3{grid-column:span 6}
}
@media (max-width:560px){
  .bento-card.span-6,.bento-card.span-4,.bento-card.span-3,.bento-card.span-12{grid-column:span 12}
  .bento-card.row-2{grid-row:span 1;min-height:auto}
  .bento-card.row-2 h3{font-size:26px}
}

/* FEES — 터미널 스타일 */
.fee-table{border:1px solid var(--line);background:var(--surface)}
.fee-table .row{
  display:grid;grid-template-columns:1.6fr 1fr 1fr;
  border-bottom:1px solid var(--line);padding:14px 22px;font-size:14px;
  font-family:var(--mono);align-items:center;
}
.fee-table .row:last-child{border-bottom:none}
.fee-table .row.head{
  background:#000;color:var(--ink-dim);font-size:10.5px;letter-spacing:.18em;
  text-transform:uppercase;font-weight:700;padding:12px 22px;
}
.fee-table .row > div:first-child{color:var(--ink);font-family:"Pretendard",sans-serif}
.fee-table .row > div:not(:first-child){color:var(--gold)}
.fee-table .row:hover{background:var(--surface-2)}
.note{color:var(--ink-dim);margin-top:14px;font-size:12px;font-family:var(--mono)}
@media (max-width:560px){
  .fee-table .row{padding:12px 14px;font-size:12px}
  .fee-table .row.head{font-size:9.5px}
}

/* SCAM — 위험 카드 */
.scam-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;background:transparent}
.scam-card{
  background:var(--surface);padding:28px;border:1px solid var(--line-strong);border-top:3px solid var(--pink);
  border-radius:4px;position:relative;transition:transform .2s,box-shadow .2s,border-color .2s;
}
.scam-card:hover{transform:translateY(-2px);border-color:var(--pink);box-shadow:0 0 0 1px var(--pink-glow),0 12px 28px rgba(0,0,0,.5)}
.scam-no{
  font-family:var(--mono);font-size:32px;font-weight:900;color:var(--pink);
  letter-spacing:-.02em;line-height:1;margin-bottom:12px;
}
.scam-card h4{margin:0 0 10px;font-size:17px;font-weight:800;color:var(--ink);word-break:keep-all;letter-spacing:-.01em}
.scam-card p{color:var(--ink-soft);margin:0;font-size:13.5px;line-height:1.65;word-break:keep-all}
@media (max-width:980px){.scam-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.scam-grid{grid-template-columns:1fr}}

/* 헤딩 폰트 — Inter + Pretendard 함께 */
.hero h1, .sec-title, .reader-hero h1, .r-step h2, .r-end h3{
  font-family:var(--display);
  font-feature-settings:"ss01","cv11","tnum";
}

/* FAQ */
.faq-list{display:flex;flex-direction:column;gap:8px}
details{background:var(--surface);padding:18px 22px;border:1px solid var(--line-strong);border-radius:4px;transition:border-color .2s}
details:hover{border-color:#4a4d5e}
details[open]{background:var(--surface-2);border-color:var(--gold)}
summary{
  cursor:pointer;font-weight:700;font-size:15px;list-style:none;color:var(--ink);
  display:flex;justify-content:space-between;gap:14px;word-break:keep-all;
  font-family:inherit;
}
summary::after{
  content:"+";font-family:var(--mono);color:var(--gold);font-weight:900;font-size:18px;
  flex:none;transition:transform .2s;
}
details[open] summary::after{content:"−";transform:rotate(180deg)}
details p{color:var(--ink-soft);margin:14px 0 0;font-size:14px;line-height:1.65;word-break:keep-all}

/* REFERRAL — 빠른 가입 카드 (재구성) */
.refer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;background:transparent}
.refer-card{
  position:relative;display:flex;flex-direction:column;
  background:var(--surface);padding:24px 22px 22px;
  border:1px solid var(--line-strong);border-top:3px solid transparent;border-radius:6px;
  transition:transform .25s, box-shadow .25s, border-color .25s, background .25s;
  overflow:hidden;
}
.refer-card.binance{border-top-color:var(--gold)}
.refer-card.upbit{border-top-color:var(--cyan)}
.refer-card.bithumb{border-top-color:var(--orange)}
.refer-card.kbank{border-top-color:var(--purple)}
.refer-card:hover{background:var(--surface-2);transform:translateY(-4px)}
.refer-card.binance:hover{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold-glow),0 18px 36px rgba(0,0,0,.5)}
.refer-card.upbit:hover{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan-glow),0 18px 36px rgba(0,0,0,.5)}
.refer-card.bithumb:hover{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange-glow),0 18px 36px rgba(0,0,0,.5)}
.refer-card.kbank:hover{border-color:var(--purple);box-shadow:0 0 0 1px rgba(124,77,255,.35),0 18px 36px rgba(0,0,0,.5)}

/* chip */
.refer-card .refer-chip{
  position:absolute;top:14px;right:14px;
  font-family:var(--mono);font-size:10px;letter-spacing:.12em;
  padding:4px 8px;border-radius:2px;font-weight:800;
  background:rgba(255,255,255,.04);border:1px solid var(--line-strong);
  color:var(--ink-soft);text-transform:uppercase;
}
.refer-card.binance .refer-chip{color:var(--gold);border-color:rgba(252,213,53,.4);background:rgba(252,213,53,.06)}
.refer-card.upbit   .refer-chip{color:var(--cyan);border-color:rgba(0,229,255,.4);background:rgba(0,229,255,.06)}
.refer-card.bithumb .refer-chip{color:var(--orange);border-color:rgba(255,123,0,.4);background:rgba(255,123,0,.06)}
.refer-card.kbank   .refer-chip{color:var(--purple);border-color:rgba(124,77,255,.4);background:rgba(124,77,255,.06)}

/* head: 로고 + 메타 */
.refer-card .refer-head{display:flex;gap:14px;align-items:center;margin:6px 0 18px}
.refer-card .refer-logo{
  width:56px;height:56px;flex-shrink:0;border-radius:8px;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  background:#000;border:1px solid var(--line-strong);
}
.refer-card .refer-logo .brand-mark{width:100%;height:100%}
.refer-card .refer-logo .logo-fallback{
  font-family:var(--display);font-weight:900;font-size:24px;color:var(--ink);
}
.refer-card.kbank .refer-logo{background:linear-gradient(135deg,#6c4cff 0%,#4d2fcc 100%);border-color:var(--purple)}
.refer-card.kbank .refer-logo .logo-fallback{color:#fff}

.refer-card .refer-meta{min-width:0;flex:1}
.refer-card h4{margin:0;font-size:18px;font-weight:900;color:var(--ink);letter-spacing:.02em}
.refer-card .refer-sub{margin:3px 0 0;font-size:11.5px;color:var(--ink-soft);font-family:var(--mono);letter-spacing:.04em}

/* features */
.refer-card .refer-features{
  list-style:none;padding:0;margin:0 0 18px;
  display:flex;flex-direction:column;gap:8px;
  border-top:1px dashed var(--line);padding-top:14px;
}
.refer-card .refer-features li{
  position:relative;padding-left:18px;
  font-size:12.5px;line-height:1.55;color:var(--ink-soft);
  word-break:keep-all;overflow-wrap:anywhere;
}
.refer-card .refer-features li::before{
  content:"✓";position:absolute;left:0;top:0;
  font-weight:900;font-family:var(--mono);
}
.refer-card.binance .refer-features li::before{color:var(--gold)}
.refer-card.upbit   .refer-features li::before{color:var(--cyan)}
.refer-card.bithumb .refer-features li::before{color:var(--orange)}
.refer-card.kbank   .refer-features li::before{color:var(--purple)}
.refer-card .refer-features em{font-style:normal;font-weight:800;color:var(--ink)}

/* CTA */
.refer-card a.btn-r{
  display:inline-flex;gap:8px;align-items:center;justify-content:center;
  padding:13px 18px;margin-top:auto;
  background:var(--gold);color:#000;
  text-decoration:none;border-radius:3px;font-weight:800;font-size:13px;letter-spacing:.04em;
  font-family:inherit;transition:transform .2s, filter .2s, box-shadow .2s;
}
.refer-card.upbit   a.btn-r{background:var(--cyan);color:#000}
.refer-card.bithumb a.btn-r{background:var(--orange);color:#fff}
.refer-card.kbank   a.btn-r{background:var(--purple);color:#fff}
.refer-card a.btn-r:hover{transform:translateY(-1px);filter:brightness(1.15)}
.refer-card a.btn-r .arr{font-family:var(--mono);transition:transform .2s}
.refer-card a.btn-r:hover .arr{transform:translateX(4px)}

/* ref code */
.refer-card .ref-code{
  margin-top:12px;padding:10px 12px;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:rgba(255,255,255,.02);border:1px dashed var(--line-strong);border-radius:3px;
  font-family:var(--mono);font-size:11px;color:var(--ink-dim);
}
.refer-card .ref-code span{letter-spacing:.1em;text-transform:uppercase}
.refer-card .ref-code b{color:var(--gold);font-size:12px;letter-spacing:.05em}
.refer-card.upbit .ref-code b{color:var(--cyan)}
.refer-card.bithumb .ref-code b{color:var(--orange)}
.refer-card.kbank .ref-code b{color:var(--purple)}

.refer-disc{color:var(--ink-dim);font-size:11px;margin-top:22px;text-align:center;font-family:var(--mono)}
@media (max-width:1100px){.refer-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){
  .refer-grid{grid-template-columns:1fr}
  .refer-card .refer-chip{position:static;align-self:flex-start;margin-bottom:8px}
}

/* FOOT */
.foot{
  padding:48px 28px;text-align:center;color:var(--ink-dim);font-size:12px;
  border-top:1px solid var(--line);margin-top:80px;background:#000;font-family:var(--mono);
}

/* ============================================================
   READER VIEW — Editorial dark
   ============================================================ */
.reader{position:fixed;inset:0;background:var(--bg);z-index:60;overflow:hidden;display:flex;flex-direction:column;animation:rfade .35s ease}
.reader[hidden]{display:none}
@keyframes rfade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* 진행률 바 — 상단 핀 */
.read-progress{
  position:fixed;top:0;left:0;right:0;height:2px;background:var(--line);z-index:70;
}
.read-progress > div{height:100%;background:var(--gold);width:0;transition:width .15s;box-shadow:0 0 10px var(--gold-glow)}

.reader-bar{
  display:flex;justify-content:space-between;align-items:center;
  padding:14px 24px;background:rgba(8,9,12,.95);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);flex-shrink:0;
}
.reader-bar button{
  background:transparent;border:1px solid var(--line-strong);color:var(--ink);
  padding:9px 16px;border-radius:2px;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.04em;
  white-space:nowrap;flex:none;font-family:inherit;text-transform:uppercase;transition:all .2s;
}
.reader-bar button:hover{border-color:var(--gold);color:var(--gold)}
.reader-meta{
  font-family:var(--mono);font-size:11px;color:var(--ink-soft);
  flex:1;text-align:center;letter-spacing:.06em;text-transform:uppercase;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 14px;
}
.reader-meta b{color:var(--gold)}
@media (max-width:480px){
  .reader-bar{padding:10px 14px;gap:6px}
  .reader-bar button{padding:7px 10px;font-size:10.5px}
  .reader-meta{font-size:10px;padding:0 4px}
}

.reader-grid{display:grid;grid-template-columns:260px 1fr;flex:1;min-height:0}
@media (max-width:880px){.reader-grid{grid-template-columns:1fr}}

.reader-toc{
  background:var(--bg-2);border-right:1px solid var(--line);
  overflow-y:auto;padding:24px 14px;
}
.reader-toc h3{
  font-family:var(--mono);font-size:10px;color:var(--ink-dim);
  letter-spacing:.18em;text-transform:uppercase;margin:0 0 14px;padding:0 8px;
}
.toc-progress{height:1px;background:var(--line);margin-bottom:14px}
.toc-progress > div{height:100%;background:var(--gold);width:0;transition:width .25s;box-shadow:0 0 6px var(--gold-glow)}
.reader-toc ul{list-style:none;margin:0;padding:0}
.reader-toc li{
  padding:11px 12px;font-size:13px;color:var(--ink-soft);cursor:pointer;
  display:flex;align-items:flex-start;gap:10px;border-left:2px solid transparent;
  line-height:1.4;transition:all .15s;word-break:keep-all;
}
.reader-toc li::before{
  content:counter(toc);counter-increment:toc;
  font-family:var(--mono);color:var(--ink-dim);font-size:10.5px;
  letter-spacing:.06em;flex:none;width:18px;
}
.reader-toc ul{counter-reset:toc 0}
.reader-toc li:hover{background:var(--surface);color:var(--ink)}
.reader-toc li.active{background:rgba(252,213,53,.06);color:var(--gold);border-left-color:var(--gold);font-weight:700}
.reader-toc li.active::before{color:var(--gold)}
.reader-toc li.done{color:var(--green)}
.reader-toc li.done::before{content:"✓ ";color:var(--green);font-family:inherit}
@media (max-width:880px){.reader-toc{display:none}}

/* BODY */
.reader-body{
  overflow-y:auto;padding:64px 64px 140px;max-width:920px;width:100%;margin:0 auto;
  scroll-behavior:smooth;
}
@media (max-width:680px){.reader-body{padding:36px 24px 100px}}

.reader-hero{margin-bottom:48px;padding-bottom:36px;border-bottom:1px solid var(--line)}
.reader-hero .badges{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap;font-family:var(--mono)}
.reader-hero .badges span{
  font-size:10.5px;letter-spacing:.18em;color:var(--ink-dim);text-transform:uppercase;
  padding:5px 10px;border:1px solid var(--line);border-radius:2px;
}
.reader-hero .badges span.gold{color:var(--gold);border-color:var(--gold)}
.reader-hero h1{
  font-size:clamp(36px,5.6vw,64px);line-height:.95;margin:0 0 14px;
  letter-spacing:-.03em;font-weight:900;word-break:keep-all;
}
.reader-hero .sub{color:var(--ink-soft);margin:0 0 22px;font-size:17px;word-break:keep-all}
.reader-hero .summary{
  background:var(--surface);border-left:3px solid var(--gold);
  padding:22px 26px;font-size:15px;line-height:1.8;color:var(--ink);
  word-break:keep-all;overflow-wrap:anywhere;
}
.reader-hero .reader-notice{
  display:flex;gap:18px;align-items:flex-start;
  margin-top:18px;padding:20px 24px;
  background:linear-gradient(90deg, rgba(255,62,108,.14), rgba(255,62,108,.04));
  border:1px solid rgba(255,62,108,.45);border-left:4px solid #ff3e6c;
  border-radius:6px;box-shadow:0 0 24px rgba(255,62,108,.12);
}
.reader-hero .reader-notice .rn-ico{
  font-size:26px;line-height:1;color:#ff3e6c;
  animation:rn-pulse 1.6s ease-in-out infinite;flex-shrink:0;
}
.reader-hero .reader-notice .rn-text b{
  display:block;color:#ff3e6c;font-family:var(--mono);font-size:12px;
  letter-spacing:.18em;font-weight:800;margin-bottom:6px;text-transform:uppercase;
}
.reader-hero .reader-notice .rn-text p{
  margin:0;color:var(--ink);font-size:14.5px;line-height:1.7;
  word-break:keep-all;overflow-wrap:anywhere;
}
@keyframes rn-pulse{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
@media (max-width:560px){.reader-hero h1{font-size:32px}.reader-hero .sub{font-size:15px}}

/* STEP */
.r-step{padding:48px 0;border-top:1px solid var(--line);scroll-margin-top:24px}
.r-step:first-of-type{border-top:none;padding-top:12px}
.r-step .head{
  display:flex;align-items:baseline;gap:18px;margin-bottom:18px;
}
.r-step .num{
  font-family:var(--mono);font-size:13px;letter-spacing:.16em;color:var(--gold);
  text-transform:uppercase;font-weight:800;flex:none;line-height:1;padding-top:6px;
  border-top:1px solid var(--gold);
}
.r-step.is-done .num{color:var(--green);border-top-color:var(--green)}
.r-step h2{
  margin:0;font-size:clamp(22px,3.2vw,32px);letter-spacing:-.02em;
  flex:1;color:var(--ink);font-weight:800;line-height:1.2;word-break:keep-all;
}
.r-step.is-done h2{color:var(--green)}
.r-step .desc p{margin:0 0 14px;font-size:15.5px;color:var(--ink-soft);line-height:1.85;word-break:keep-all}

/* GALLERY */
.gallery{
  margin:24px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,240px));
  gap:1px;background:var(--line);justify-content:start;border:1px solid var(--line);
}
.gallery .g{
  position:relative;background:#000;
  aspect-ratio:9/18;overflow:hidden;
  max-width:240px;width:100%;
  transition:transform .2s, box-shadow .2s;
}
.gallery .g:hover{box-shadow:inset 0 0 0 1px var(--gold)}
.gallery img{width:100%;height:100%;object-fit:contain;display:block;background:#0a0a0e;padding:6px}
.gallery .g.svg-mock{
  display:flex;align-items:center;justify-content:center;
  background:radial-gradient(ellipse at top,#1a1c24,#0a0a0e);padding:10px;
}
.gallery .g.svg-mock svg{max-height:100%;max-width:100%;height:100%;width:auto;display:block}
.gallery .g.svg-mock img.svg-mock-img{max-height:100%;max-width:100%;height:100%;width:auto;display:block;background:transparent;padding:0}
.gallery .g .caption{
  position:absolute;top:8px;left:8px;
  font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;color:var(--ink-soft);
  background:rgba(0,0,0,.85);border:1px solid var(--line-strong);
  padding:3px 8px;border-radius:2px;text-transform:uppercase;
}
@media (max-width:560px){
  .gallery{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}
  .gallery .g{max-width:none}
}
@media (max-width:380px){
  .gallery{grid-template-columns:1fr;justify-content:center}
  .gallery .g{max-width:260px;margin:0 auto}
}

/* SVG ILL */
.illbox{margin:24px 0;border:1px solid var(--line);overflow:hidden;background:var(--surface)}
svg.ill{display:block;width:100%;height:auto}

/* TIPS / WARN / MISTAKE */
.boxes{display:flex;flex-direction:column;gap:1px;margin-top:18px;background:var(--line);border:1px solid var(--line)}
.tipbox, .warnbox, .mistbox{padding:18px 22px;font-size:14px;line-height:1.7;background:var(--surface);word-break:keep-all}
.tipbox{border-left:3px solid var(--cyan)}
.tipbox b{color:var(--cyan);font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.warnbox{border-left:3px solid var(--pink)}
.warnbox b{color:var(--pink);font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.mistbox{border-left:3px solid var(--gold)}
.mistbox b{color:var(--gold);font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.boxes ul{margin:10px 0 0;padding-left:18px;color:var(--ink)}
.boxes li{margin-bottom:6px}

/* CHECK */
.r-step .check{
  display:inline-flex;gap:10px;align-items:center;margin-top:22px;cursor:pointer;
  color:var(--ink-soft);font-size:13px;font-weight:600;font-family:var(--mono);
  letter-spacing:.06em;text-transform:uppercase;
}
.r-step .check input{width:16px;height:16px;accent-color:var(--gold)}

/* INLINE CTA */
.inline-cta{
  margin:28px 0 0;padding:22px 26px;
  background:linear-gradient(135deg,#13141a,#1a1208);
  border:1px solid var(--gold);border-left:3px solid var(--gold);
  display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;
}
.inline-cta .ic-text{flex:1;min-width:200px}
.inline-cta b{display:block;color:var(--ink);font-size:16px;margin-bottom:4px;font-weight:800}
.inline-cta span{color:var(--ink-soft);font-size:13px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em}
.inline-cta a{
  padding:11px 22px;background:var(--gold);color:#000;text-decoration:none;
  font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;
  white-space:nowrap;border-radius:2px;font-family:inherit;
  display:inline-flex;gap:8px;align-items:center;transition:all .2s;
}
.inline-cta a:hover{background:#fff;transform:translateY(-1px);box-shadow:0 8px 24px var(--gold-glow)}
.inline-cta a::after{content:"→";font-family:var(--mono)}

/* END */
.r-end{
  margin-top:60px;padding:48px 32px;text-align:center;
  background:var(--surface);border:1px solid var(--line);
  position:relative;
}
.r-end::before{
  content:"";position:absolute;top:-1px;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
}
.r-end svg{max-width:280px;margin:0 auto 16px;display:block}
.r-end h3{margin:0 0 10px;font-size:28px;font-weight:900;letter-spacing:-.02em}
.r-end p{margin:0 0 22px;color:var(--ink-soft);font-size:14px}
.r-end .next-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.r-end a{
  padding:13px 22px;border:1px solid var(--line-strong);background:transparent;color:var(--ink);
  text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  font-family:inherit;transition:all .2s;display:inline-flex;align-items:center;gap:8px;
}
.r-end a.primary{background:var(--gold);color:#000;border-color:var(--gold)}
.r-end a:hover{border-color:var(--gold);color:var(--gold)}
.r-end a.primary:hover{background:#fff;color:#000}
.r-end a::after{content:"→";font-family:var(--mono)}

/* PRINT */
@media print{
  .topbar,.ticker,.hero,.bento,.fees,.scam,.faq,.refer,.foot,.reader-bar,.reader-toc,.r-end,.inline-cta,.read-progress{display:none !important}
  .reader{position:static;background:#fff;color:#000}
  .reader-grid{grid-template-columns:1fr}
  .reader-body{padding:20px;max-width:none}
  .reader-hero h1, .r-step h2, .reader-hero .sub, .r-step .desc p{color:#000}
  .gallery .g{break-inside:avoid;background:#fff}
}

/* ==================================================================
   v3 DESIGN UPGRADE LAYER (2026-05-12)
   비파괴 적용 — 기존 룰을 덮어쓰되 구조는 그대로 유지
   ================================================================== */

/* ▎필름 그레인 — 전체에 미세 노이즈 깔아 인쇄 질감 */
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:1;
  opacity:.04;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}

/* ▎앰비언트 광채 오브 — 천천히 떠다니는 컬러 워시 (성능 최적화) */
body::after{
  content:"";position:fixed;inset:-12%;pointer-events:none;z-index:0;
  background:
    radial-gradient(circle 620px at 16% 22%, rgba(252,213,53,.12), transparent 55%),
    radial-gradient(circle 720px at 84% 78%, rgba(124,77,255,.11), transparent 55%),
    radial-gradient(circle 540px at 52% 48%, rgba(0,229,255,.07), transparent 55%);
  filter:blur(36px);
  animation:orbDrift 46s ease-in-out infinite alternate;
  will-change:transform;
}
@keyframes orbDrift{
  0%   { transform:translate3d(0,0,0) scale(1) }
  50%  { transform:translate3d(-2%,2%,0) scale(1.04) }
  100% { transform:translate3d(1%,-1%,0) scale(.98) }
}
@media (prefers-reduced-motion:reduce){
  body::after{animation:none}
}
/* 리더 오픈 중에는 헤비 백그라운드 일시 정지 + 숨김 */
body.reader-open::after{animation:none;opacity:0;transition:opacity .25s}
body.reader-open .hero::after{animation:none}

/* ▎히어로 동적 그리드 라인 — 아주 느리게 흐르는 사선 광선 */
.hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    repeating-linear-gradient(115deg, transparent 0 220px, rgba(252,213,53,.025) 220px 222px, transparent 222px 440px);
  animation:lineShift 22s linear infinite;
  mask-image:radial-gradient(ellipse at center, #000 30%, transparent 75%);
  -webkit-mask-image:radial-gradient(ellipse at center, #000 30%, transparent 75%);
}
@keyframes lineShift{
  from{background-position:0 0}
  to{background-position:440px 0}
}
@media (prefers-reduced-motion:reduce){.hero::after{animation:none}}

.topbar,.hero,.bento-grid,.refer-grid,.scam-grid,.faq-list,.fee-table,.bento-card,.refer-card,.scam-card,details,.foot,.trust-strip{position:relative;z-index:2}
/* 리더는 position:fixed 그대로 유지 (z-index:60) */
.hero .hero-inner{position:relative;z-index:2}

/* ▎히어로 — 더 크고 또렷하게 */
.hero{padding:104px 28px 88px;min-height:80vh;display:flex;align-items:center}
.hero-inner{width:100%}
.hero h1{
  font-size:clamp(38px,7vw,100px);line-height:.95;letter-spacing:-.045em;
  margin:0 0 28px;font-weight:900;
}
.hero h1 .accent{
  background:linear-gradient(135deg,#ffe14a 0%,#fcd535 45%,#d4a900 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  filter:drop-shadow(0 0 28px rgba(252,213,53,.4));
}
.hero .label{padding:8px 14px;letter-spacing:.22em;margin-bottom:30px;background:linear-gradient(135deg,rgba(252,213,53,.12),rgba(252,213,53,.02))}

/* ▎버튼 — primary에 셰인 효과 */
.btn{padding:16px 28px;font-size:14.5px}
.hero-cta .btn{padding:20px 40px;font-size:17px;letter-spacing:.05em}
@media(max-width:600px){
  .hero{background-position:72% center}
  .hero-cta .btn-ghost{display:none}
  .hero-cta .btn-primary{display:none}
  .hero-cta{
    align-self:stretch;
    justify-content:center;
    margin-bottom:8px;
  }
  .hero-cta .btn{
    padding:16px 0;font-size:15px;letter-spacing:.04em;
    width:100%;justify-content:center;
  }
}
.btn-primary{
  background:linear-gradient(135deg,#ffe14a 0%,#fcd535 50%,#d4a900 100%);
  position:relative;overflow:hidden;
}
.btn-primary::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);
  transform:translateX(-130%);transition:transform .7s cubic-bezier(.2,.7,.3,1);
  pointer-events:none;
}
.btn-primary:hover::before{transform:translateX(130%)}

/* ▎히어로 KPI — 카운터 애니메이션용 */
.hero-stats{margin-top:88px}
.hero-stats > div{padding:32px 8px 26px}
.hero-stats .num{font-size:clamp(28px,3.4vw,42px);line-height:1}
.hero-stats .num.gold{
  background:linear-gradient(135deg,#ffe14a,#fcd535);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.hero-stats .lab{letter-spacing:.22em;margin-bottom:12px}

/* ▎신뢰 스트립 — 히어로 직후 출처/검증 표시 */
.trust-strip{
  max-width:1180px;margin:0 auto;padding:24px 28px;
  display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;
  border-bottom:1px solid var(--line);
  font-family:var(--mono);font-size:11px;letter-spacing:.12em;
  color:var(--ink-dim);text-transform:uppercase;
}
.trust-strip .ts-item{display:inline-flex;align-items:center;gap:10px}
.trust-strip .ts-ico{
  width:28px;height:28px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(252,213,53,.08);color:var(--gold);
  border:1px solid rgba(252,213,53,.35);font-size:13px;
}
.trust-strip .ts-item b{color:var(--ink-soft);font-weight:800;letter-spacing:.08em}
.trust-strip .ts-item.live .ts-ico{background:rgba(0,214,143,.08);color:var(--green);border-color:rgba(0,214,143,.35)}
.trust-strip .ts-item.live .ts-ico::after{
  content:"";width:6px;height:6px;background:var(--green);border-radius:50%;
  box-shadow:0 0 8px var(--green);animation:pulse 1.6s infinite;
}
@media (max-width:780px){
  .trust-strip{padding:18px 22px;gap:12px;font-size:10px}
  .trust-strip .ts-ico{width:24px;height:24px;font-size:11px}
}

/* ▎섹션 헤더 — 매거진 챕터 느낌 */
section.bento,section.fees,section.scam,section.faq,section.refer{margin:120px auto}
.sec-head{align-items:flex-end;padding-bottom:24px;margin-bottom:44px;position:relative;border-bottom:none}
.sec-head::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,var(--gold) 0,var(--gold) 88px,var(--line) 88px,var(--line) 100%);
}
.sec-num{font-size:12px !important;letter-spacing:.26em !important;color:var(--gold) !important;margin-bottom:16px !important}
.sec-title{font-size:clamp(36px,5vw,58px) !important;letter-spacing:-.035em;line-height:1.05}

/* ▎벤토 카드 — corner index + 마우스 스포트라이트 */
.bento-card{padding:36px 32px;--spot-x:50%;--spot-y:50%}
.bento-card::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(420px circle at var(--spot-x) var(--spot-y),rgba(252,213,53,.07),transparent 60%);
  opacity:0;transition:opacity .25s;
}
.bento-card:hover::after{opacity:1}
.bento-card[data-tone="cyan"]::after{background:radial-gradient(420px circle at var(--spot-x) var(--spot-y),rgba(0,229,255,.08),transparent 60%)}
.bento-card[data-tone="purple"]::after{background:radial-gradient(420px circle at var(--spot-x) var(--spot-y),rgba(124,77,255,.1),transparent 60%)}
.bento-card[data-tone="orange"]::after{background:radial-gradient(420px circle at var(--spot-x) var(--spot-y),rgba(255,123,0,.09),transparent 60%)}
.bento-card[data-tone="warn"]::after{background:radial-gradient(420px circle at var(--spot-x) var(--spot-y),rgba(255,62,108,.08),transparent 60%)}
.bento-card .corner-idx{
  position:absolute;top:18px;right:22px;z-index:3;
  font-family:var(--mono);font-size:11px;font-weight:800;letter-spacing:.18em;
  color:var(--ink-dim);padding:5px 9px;
  border:1px solid var(--line);border-radius:2px;
  background:rgba(0,0,0,.45);backdrop-filter:blur(8px);
  transition:color .2s,border-color .2s,transform .2s;
}
.bento-card.has-logo .corner-idx{right:auto;left:22px}
.bento-card:hover .corner-idx{color:var(--gold);border-color:var(--gold);transform:translateY(-1px)}
.bento-card[data-tone="cyan"]:hover .corner-idx{color:var(--cyan);border-color:var(--cyan)}
.bento-card[data-tone="purple"]:hover .corner-idx{color:var(--purple);border-color:var(--purple)}
.bento-card[data-tone="orange"]:hover .corner-idx{color:var(--orange);border-color:var(--orange)}
.bento-card[data-tone="warn"]:hover .corner-idx{color:var(--pink);border-color:var(--pink)}
.bento-card h3{font-size:26px;margin-top:12px;position:relative;z-index:2}
.bento-card.row-2 h3,.bento-card.span-12 h3{font-size:30px}
.bento-card p{font-size:14.5px;line-height:1.65;position:relative;z-index:2}
.bento-card .bento-tag,.bento-card .kpi,.bento-card .open-link{position:relative;z-index:2}
/* corner-idx, brand-mark은 자체적으로 position:absolute을 가지므로 그대로 두고 z-index만 부여 */
.bento-card .corner-idx,.bento-card .brand-mark{z-index:3}

/* ▎FAQ — 호버/오픈 시 살짝 들리는 느낌 */
details{padding:20px 24px;transition:border-color .2s,background .2s,transform .15s}
details:hover{transform:translateY(-1px)}
details[open]{padding-bottom:24px}
summary{font-size:15.5px}

/* ▎FOOTER 구조 업그레이드 — 신뢰 강화 */
.foot{padding:64px 28px 48px;text-align:left;background:#060c07;border-top:1px solid rgba(20,90,30,.30);margin-top:80px}
.foot-inner{
  max-width:1180px;margin:0 auto;
  display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;
}
.foot-meta{color:var(--ink-dim);font-size:11.5px;font-family:var(--mono);line-height:1.7}
.foot-meta b{color:var(--ink-soft);font-weight:800}
.foot-stamps{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.foot-stamps .stamp{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;color:var(--ink-dim);
  text-transform:uppercase;padding:7px 12px;border:1px solid var(--line);border-radius:2px;
}
.foot-stamps .stamp.live{color:var(--green);border-color:rgba(0,214,143,.35)}
.foot-stamps .stamp.live::before{
  content:"";display:inline-block;width:6px;height:6px;background:var(--green);
  border-radius:50%;margin-right:8px;vertical-align:middle;
  box-shadow:0 0 8px var(--green);animation:pulse 1.6s infinite;
}
@media (max-width:720px){.foot-inner{grid-template-columns:1fr;text-align:left}}

/* ▎스크롤 리빌 — 미세하고 절제된 페이드인 */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}
.reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* 라이트 테마 보강 룰 제거됨 — 다크 전용 운영 */

/* ============================================================
   PLAN-BRAND-A — EDITORIAL DARK PREMIUM (Photo-First Layout)
   ============================================================ */

/* 브랜드 토큰 오버라이드 */
:root{
  --bg:         #0e0f12;
  --bg-2:       #131418;
  --surface:    #16181d;
  --surface-2:  #1c1f25;
  --line:       #2a2825;
  --line-soft:  #1f1d1a;
  --line-strong:#3a3631;
  --ink:        #f4ede4;
  --ink-soft:   #b8aea0;
  --ink-dim:    #756d62;
  --gold:       #c9a86b;   /* subdued editorial gold */
  --gold-deep:  #a78a4d;
  --gold-glow:  rgba(201,168,107,.28);
  --warn:       #e8624a;
  --cyan:       #6fb8c4;
  --serif:      "Noto Serif KR","Pretendard Variable",serif;
}

/* 셀렉션 톤 */
::selection{background:var(--gold);color:#1a1612}

/* 헤드라인에 세리프 살짝 가미 — Editorial 느낌 */
.hero h1 .accent,
.sec-title{
  font-family:var(--serif);
  font-weight:700;
  font-style:italic;
  letter-spacing:-.01em;
}
.hero h1 .accent{
  background:linear-gradient(180deg,#e0c692,#a78a4d);
  -webkit-background-clip:text; background-clip:text;
  color:transparent;
}

/* 사진-퍼스트 step 레이아웃 — 기존 .r-step 그리드 재정의 */
.r-step{
  padding:64px 0;
  border-top:1px solid var(--line);
  scroll-margin-top:24px;
  display:grid;
  grid-template-columns: minmax(0, 520px) 1fr;
  gap:48px;
  align-items:start;
}
.r-step:first-of-type{border-top:none;padding-top:24px}

/* 옛 .head 블록은 figcaption으로 대체 — 숨김 */
.r-step > .head{display:none}

/* HERO 사진 영역 — 좌측, sticky */
.r-hero{
  margin:0;
  position:sticky; top:32px;
}
.r-hero .hero-frame{
  position:relative;
  max-height:calc(100vh - 80px);
  display:flex; align-items:center; justify-content:center;
}
.r-hero img{
  max-width:100%;
  max-height:calc(100vh - 80px);
  width:auto; height:auto;
  object-fit:contain;
  display:block;
  border:1px solid var(--gold);
  border-radius:20px;
}
.r-hero .hero-frame svg{
  max-width:100%; max-height:100%;
  width:auto; height:100%;
  display:block;
}
.r-hero[data-kind="svg"] .hero-frame,
.r-hero[data-kind="mock"] .hero-frame{
  aspect-ratio:9/16;
}
.r-hero .hero-empty{
  color:var(--ink-dim);
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.22em;
  text-transform:uppercase;
  padding:48px 24px;
  text-align:center;
}
.r-hero .img-broken{
  background:repeating-linear-gradient(45deg,#1a1c24 0 8px,#0a0a0e 8px 16px);
}
.r-hero .img-broken img{display:none}
.r-hero .img-broken::before{
  content:'이미지 누락';
  color:var(--ink-dim); font-family:var(--mono);
  font-size:10.5px; letter-spacing:.22em; text-transform:uppercase;
}

/* 캡션 제거됨 — figcaption 미사용 */
.r-hero figcaption{ display:none }
.r-hero .hero-num{
  font-family:var(--mono);
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.24em;
  color:var(--gold);
  text-transform:uppercase;
}
.r-hero .hero-cap{
  font-size:14px;
  color:var(--ink-soft);
  line-height:1.55;
  letter-spacing:-.005em;
  word-break:keep-all;
}

/* 우측 본문 영역 */
.r-step .r-body{min-width:0}
.r-step .r-body h2{
  font-family:var(--display);
  font-size:clamp(22px, 2.6vw, 30px);
  font-weight:800;
  letter-spacing:-.02em;
  margin:0 0 18px;
  color:var(--ink);
  line-height:1.25;
  word-break:keep-all;
}
.r-step.is-done .r-body h2{color:var(--green)}
.r-step .r-body .desc p{
  font-size:15px;
  color:var(--ink-soft);
  line-height:1.8;
  margin:0 0 14px;
  word-break:keep-all;
}
.r-step .r-body .desc p:last-child{margin-bottom:0}

/* check 체크박스 위치 */
.r-step .r-body .check{
  display:inline-flex; gap:10px; align-items:center;
  margin-top:24px; cursor:pointer;
  color:var(--ink-soft);
  font-family:var(--mono);
  font-size:11.5px; font-weight:700;
  letter-spacing:.16em; text-transform:uppercase;
}
.r-step .r-body .check input{width:16px;height:16px;accent-color:var(--gold)}

/* 옛 .gallery .illbox 잔여물 숨김 */
.r-step .gallery, .r-step > .illbox{display:none !important}

/* 반응형 — 태블릿 이하 세로 적층 */
@media (max-width:900px){
  .r-step{
    grid-template-columns:1fr;
    gap:24px;
    padding:48px 0;
  }
  .r-hero{position:static}
  .r-hero .hero-frame{max-width:360px;margin:0 auto;border-radius:18px}
  .r-hero figcaption{max-width:360px;margin-left:auto;margin-right:auto;text-align:center;align-items:center}
}

/* 인쇄용 */
@media print{
  .r-step{grid-template-columns:1fr;page-break-inside:avoid;gap:16px}
  .r-hero{position:static}
  .r-hero .hero-frame{max-width:240px;background:#fff;border:1px solid #ccc;box-shadow:none}
  .r-hero .hero-frame::after{display:none}
}

/* =====================================================================
   MOBILE TAB BAR (≤780px 전용 IA 재구성)
   ===================================================================== */
.mobile-tabs{display:none}

@media (max-width:780px){
  /* 하단 sticky 탭바 */
  .mobile-tabs{
    display:grid;grid-template-columns:repeat(4,1fr);
    position:fixed;bottom:0;left:0;right:0;z-index:60;
    background:rgba(8,9,12,.92);backdrop-filter:blur(18px) saturate(140%);
    border-top:1px solid var(--line);
    padding:6px 4px calc(6px + env(safe-area-inset-bottom));
    box-shadow:0 -6px 24px rgba(0,0,0,.4);
  }
  .mt-btn{
    display:flex;flex-direction:column;align-items:center;gap:3px;
    padding:8px 2px;text-decoration:none;color:var(--ink-dim);
    font-size:10.5px;font-weight:700;letter-spacing:.02em;
    border-radius:6px;transition:color .15s, background .15s;
    position:relative;
  }
  .mt-btn .mt-ico{display:flex;align-items:center;justify-content:center;line-height:0}
  .mt-btn .mt-ico svg{transition:transform .2s}
  .mt-btn:active{background:rgba(252,213,53,.06)}
  .mt-btn.active{color:var(--gold)}
  .mt-btn.active::before{
    content:"";position:absolute;top:-6px;left:50%;transform:translateX(-50%);
    width:24px;height:2px;background:var(--gold);border-radius:2px;
    box-shadow:0 0 10px var(--gold-glow);
  }
  .mt-btn.active .mt-ico svg{transform:scale(1.08)}

  /* 본문 — 탭바 자리 확보 */
  body{padding-bottom:74px}

  /* 탭 활성화 시 표시 규칙 */
  body[data-tab] .hero,
  body[data-tab] .trust-strip,
  body[data-tab] .bento,
  body[data-tab] .refer,
  body[data-tab] .fees,
  body[data-tab] .scam,
  body[data-tab] .faq{display:none}

  body[data-tab="guides"] .hero,
  body[data-tab="guides"] .trust-strip,
  body[data-tab="guides"] .bento{display:block}
  body[data-tab="refer"] .refer{display:block}
  body[data-tab="scam"] .scam{display:block}
  body[data-tab="fees"] .fees{display:block}
  body[data-tab="faq"] .faq{display:block}

  /* 햄버거 메뉴 비활성화 — 하단 탭바가 대신함 */
  .hamburger{display:none !important}
  .topbar nav{display:none}

  /* 가이드 탭 외에는 hero 영역 없으니 상단 여백 보강 */
  body[data-tab="refer"] .refer,
  body[data-tab="scam"] .scam,
  body[data-tab="fees"] .fees,
  body[data-tab="faq"] .faq{padding-top:28px}

  /* 모바일에서 hero 컴팩트화 */
  body[data-tab="guides"] .hero{min-height:auto;padding:40px 20px 32px}
  body[data-tab="guides"] .hero-h1{font-size:clamp(30px,8vw,44px) !important;line-height:1.15}
  body[data-tab="guides"] .lead{font-size:14px;margin:14px 0 20px}
  body[data-tab="guides"] .hero-cta{flex-wrap:wrap;gap:10px}
  body[data-tab="guides"] .hero-cta .btn{flex:1 1 auto;min-width:140px;text-align:center;justify-content:center}

  /* 모바일에서 reader 열렸을 때 탭바 숨김 */
  body.reader-open .mobile-tabs{display:none}
  body.reader-open{padding-bottom:0}
}

/* =====================================================================
   MOBILE POLISH — 70대도 쓸 수 있는 큰 터치 타겟 + 읽기 편한 글자
   ===================================================================== */
@media (max-width:780px){
  /* iOS 모멘텀 스크롤 */
  .reader-body{-webkit-overflow-scrolling:touch}

  /* 섹션 패딩 축소 */
  .bento,.refer,.scam,.faq{padding:24px 16px}

  /* 벤토 그리드 gap 줄임 */
  .bento-grid{gap:10px}

  /* 카드 패딩 — 손가락 영역 확보 */
  .bento-card{padding:20px 18px;min-height:auto}

  /* 시작하기 버튼 — 전체폭 + 큰 탭 타겟 */
  .bento-card .open-link{
    width:100%;justify-content:center;
    padding:14px 18px;font-size:14px;margin-top:14px;
  }

  /* 리퍼럴 카드 패딩 */
  .refer-card{padding:20px 18px}

  /* 가입하기 버튼 전체폭 */
  .btn-r{width:100%;justify-content:center;box-sizing:border-box}

  /* FAQ 텍스트 크기 */
  .faq-list summary{font-size:15px;padding:16px 14px}
  .faq-list details > p{font-size:14px;line-height:1.7;padding:0 14px 16px}

  /* 스캠 카드 */
  .scam-card{padding:20px 16px}
  .scam-card h4{font-size:16px}

  /* 리더 바 */
  .reader-bar{padding:10px 14px}

  /* 리더 스텝 이미지 — 전체폭 */
  .r-hero,.r-carousel{width:100%;max-width:100%}
  .rc-slide img{max-height:420px}

  /* 탭바 버튼 높이 보장 */
  .mt-btn{min-height:52px;padding:10px 4px}

  /* ── 가이드 아이콘 타일 — 2열 컴팩트 (1/3 높이) ── */
  body[data-tab="guides"] .bento-grid{
    grid-template-columns:repeat(2,1fr);
    gap:8px;
  }
  body[data-tab="guides"] .bento-card{
    grid-column:span 1 !important;
    padding:14px 12px;
    gap:4px;
  }
  body[data-tab="guides"] .bento-card.has-logo{
    padding-right:52px !important;
  }
  body[data-tab="guides"] .bento-card p,
  body[data-tab="guides"] .bento-card .kpi,
  body[data-tab="guides"] .bento-card .open-link{
    display:none !important;
  }
  body[data-tab="guides"] .bento-card .brand-mark{
    width:38px !important;
    height:38px !important;
    right:10px;
    top:50%;
    transform:translateY(-50%) !important;
    opacity:1;
  }
  body[data-tab="guides"] .bento-card .bento-tag{
    font-size:9.5px;letter-spacing:.08em;
  }
  body[data-tab="guides"] .bento-card h3{
    font-size:13.5px;margin:2px 0 0;line-height:1.3;
    overflow:hidden;display:-webkit-box;
    -webkit-line-clamp:2;-webkit-box-orient:vertical;
  }
}

/* 아주 작은 화면 (≤375px) */
@media (max-width:375px){
  .bento-card h3{font-size:20px}
  .bento-card p{font-size:13px}
  .mt-btn .mt-lbl{font-size:9.5px}
}

@media (max-width:380px){
  .mt-btn{font-size:10px}
  .mt-btn .mt-ico svg{width:20px;height:20px}
}

/* =====================================================================
   멀티이미지 스텝 — 사진 세로 적층 + 마지막 사진 아래 설명 (v4.3)
   ===================================================================== */

/* 갤러리 — 이미지 세로 적층 (좌측 컬럼 안에서) */
.r-gallery {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.r-gallery .r-hero {
  position: static; /* sticky 해제 */
}

/* 마지막 이미지와 r-body 사이 간격 */
.r-step.is-multi .r-body {
  padding-top: 8px;
}

/* 모바일 — is-multi도 단일 컬럼으로 */
@media (max-width: 900px) {
  .r-step.is-multi {
    grid-template-columns: 1fr;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }
  .r-gallery .r-hero .hero-frame {
    max-width: 360px;
    margin: 0 auto;
  }
}

/* =====================================================================
   설명 토글 — 이미지 퍼스트 UX (v4.3)
   ===================================================================== */

/* 토글 버튼 */
.desc-toggle{
  margin-top:18px;
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 16px;
  background:rgba(201,168,107,.07);
  border:1px solid rgba(201,168,107,.22);
  border-radius:5px;
  color:#c9a86b;
  font-family:var(--mono);
  font-size:11px;font-weight:800;
  letter-spacing:.15em;text-transform:uppercase;
  cursor:pointer;
  transition:background .15s,border-color .15s,color .15s;
  -webkit-appearance:none;appearance:none;
  line-height:1;
}
.desc-toggle:hover{
  background:rgba(201,168,107,.14);
  border-color:rgba(201,168,107,.42);
  color:#d4b87a;
}
.desc-toggle[aria-expanded="true"]{
  background:rgba(201,168,107,.12);
  border-color:rgba(201,168,107,.38);
}
.desc-toggle .dt-ico{
  display:inline-block;
  transition:transform .22s ease;
}
.desc-toggle[aria-expanded="true"] .dt-ico{
  transform:rotate(180deg);
}

/* 접힌 상태 */
.step-detail{
  overflow:hidden;
  max-height:0;
  opacity:0;
  transition:max-height .38s cubic-bezier(.4,0,.2,1), opacity .25s ease;
}
/* 펼친 상태 */
.step-detail.open{
  max-height:6000px;
  opacity:1;
}
/* 펼쳐진 상태에서 상단 여백 */
.step-detail.open > .desc:first-child{
  padding-top:16px;
}

/* 모바일 — 버튼 전체 너비 */
@media (max-width:680px){
  .desc-toggle{
    width:100%;
    justify-content:center;
    margin-top:14px;
  }
}

/* =====================================================================
   스크린샷 이미지 프레임 통일 — 상태바·홈바 마스킹 (v4.3)
   ===================================================================== */

/* img 타입 전용 — 패딩 제거해 풀스크린 phone 느낌 */
.r-hero[data-kind="img"] img{
  padding:0;
  width:100%;
  height:100%;
  object-fit:contain;
}

/* img 타입 전용 ::after — 상태바(위) + 홈인디케이터(아래) 그라디언트 마스킹 */
.r-hero[data-kind="img"] .hero-frame::after{
  background:
    linear-gradient(180deg,
      rgba(0,0,0,.6) 0%,
      rgba(0,0,0,.1) 8%,
      rgba(0,0,0,0) 14%
    ),
    linear-gradient(0deg,
      rgba(0,0,0,.45) 0%,
      rgba(0,0,0,.05) 6%,
      rgba(0,0,0,0) 10%
    ),
    linear-gradient(180deg, rgba(255,255,255,.03) 0%, transparent 22%),
    radial-gradient(120% 60% at 50% 100%, rgba(201,168,107,.04), transparent 70%);
  z-index:2;
}

/* 이미지 전체에 미세 톤 통일 필터 */
.r-hero[data-kind="img"] .hero-frame img{
  filter:brightness(.97) contrast(1.02) saturate(.96);
}

/* 섹션 구분선 — sec-head 제거 후 섹션 사이 얇은 선으로 대체 */
.bento + .refer,
.refer + .scam,
.scam + .faq {
  border-top: 1px solid rgba(255,255,255,.07);
}

/* =====================================================================
   CAROUSEL — 멀티이미지 스와이프 슬라이더
   ===================================================================== */

/* 외부 컨테이너 — r-hero 대체, sticky 유지 */
.r-carousel {
  position: sticky;
  top: 32px;
}

/* 트랙: 슬라이드 클리핑 */
.rc-track {
  position: relative;
  border-radius: 22px;
  background: #0a0a0e;
  border: 1px solid var(--line);
  overflow: hidden;
  min-height: 340px;
  touch-action: pan-y; /* 가로 스와이프는 JS 처리, 세로 스크롤은 브라우저 허용 */
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 28px 64px -24px rgba(0,0,0,.75),
    0 0 0 1px rgba(201,168,107,.06);
  transition: border-color .25s, box-shadow .25s;
}
.r-carousel:hover .rc-track {
  border-color: rgba(201,168,107,.28);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 32px 80px -28px rgba(0,0,0,.8),
    0 0 0 1px rgba(201,168,107,.14);
}

/* 슬라이드 */
.rc-slide { display: none; }
.rc-slide.active { display: block; animation: rc-in .2s ease; }
@keyframes rc-in { from { opacity: 0; transform: scale(.985); } to { opacity: 1; transform: scale(1); } }

.rc-slide .hero-frame {
  background: transparent;
  border: none;
  box-shadow: none;
  border-radius: 0;
}
.rc-slide img {
  width: 100%;
  height: auto;
  max-height: 520px;
  object-fit: contain;
  display: block;
  padding: 8px;
  filter: brightness(.97) contrast(1.02) saturate(.96);
}
.rc-slide .hero-frame.img-broken {
  background: repeating-linear-gradient(45deg,#1a1c24 0 8px,#0a0a0e 8px 16px);
  min-height: 180px;
  display: flex; align-items: center; justify-content: center;
}
.rc-slide .hero-frame.img-broken img { display: none; }
.rc-slide .hero-frame.img-broken::before {
  content: '이미지 누락';
  color: var(--ink-dim); font-family: var(--mono);
  font-size: 10.5px; letter-spacing: .22em; text-transform: uppercase;
}

/* 탐색 바 */
.rc-nav {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
}

.rc-prev, .rc-next {
  flex-shrink: 0;
  width: 34px; height: 34px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--gold);
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: background .18s, border-color .18s, color .18s;
  user-select: none;
}
.rc-prev:hover, .rc-next:hover {
  background: rgba(201,168,107,.14);
  border-color: rgba(201,168,107,.55);
}
.rc-prev:active, .rc-next:active { transform: scale(.94); }

.rc-counter {
  flex: 1;
  text-align: center;
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .2em;
  color: var(--gold);
  text-transform: uppercase;
  opacity: .85;
}

/* 도트 인디케이터 */
.rc-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-top: 7px;
  flex-wrap: wrap;
}
.rc-dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--line);
  border: none; padding: 0;
  cursor: pointer;
  flex-shrink: 0;
  transition: background .18s, transform .2s;
}
.rc-dot.active {
  background: var(--gold);
  transform: scale(1.55);
}
.rc-dot:hover:not(.active) { background: rgba(201,168,107,.45); }

/* 반응형 */
@media (max-width: 900px) {
  .r-carousel { position: static; max-width: 360px; margin: 0 auto; }
}
@media print {
  .r-carousel .rc-nav, .r-carousel .rc-dots { display: none; }
  .rc-slide { display: block !important; margin-bottom: 12px; }
}