/* 제휴 거래소 가입 화면(invite.html · 2026-10-10 사장님 「공식 홈페이지에서 거래소 가입하는 느낌 · 프로페셔널하게」)
   탄퀀트 홈과 같은 검정 바탕 + 파란 강조(#2997ff · #176ff2) · 카드는 얇은 선 · 숫자 · 코드는 고정폭 아닌 산세리프 · 지원금 칸만 USDT 청록 */
:root{
  --i-bg:#05070c;--i-panel:#0b0f18;--i-panel2:#0e1420;--i-line:#ffffff14;--i-line2:#ffffff24;
  --i-ink:#f5f7fb;--i-body:#c9d1dd;--i-sub:#a4aebe;--i-mut:#95a0b1;
  --i-blue:#2997ff;--i-blue2:#176ff2;--i-teal:#26a17b;--i-teal2:#5fd3ad;--i-red:#ff5c66;
  --i-sans:"Noto Sans KR","Apple SD Gothic Neo","Pretendard","Malgun Gothic",system-ui,sans-serif;
  --i-pad:clamp(16px,5vw,40px)
}
*{box-sizing:border-box}
html{background:var(--i-bg);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.iv-page{margin:0;min-height:100vh;background:radial-gradient(90% 55% at 50% -8%,#0f2547 0%,#08101f 42%,var(--i-bg) 75%) no-repeat,var(--i-bg);color:var(--i-body);font:400 16px/1.65 var(--i-sans);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word;overflow-x:clip}
a{color:inherit;text-decoration:none}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:60;background:var(--i-ink);color:var(--i-bg);padding:8px 12px;border-radius:8px}
.skip-link:focus{left:12px}
[hidden]{display:none!important}
.iv{width:min(980px,100%);margin:0 auto;padding:clamp(28px,5vw,56px) var(--i-pad) 120px}

/* 머리 */
.iv-hero{text-align:center;margin:0 auto clamp(28px,4vw,40px);max-width:720px}
.iv-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:6px 14px 6px 8px;border:1px solid var(--i-line2);border-radius:999px;background:#ffffff08;font-size:12.5px;font-weight:700;letter-spacing:.06em;color:var(--i-sub)}
.iv-eyebrow img{width:22px;height:22px;border-radius:6px}
.iv-eyebrow span{color:var(--i-ink)}
.iv-eyebrow b{padding:2px 8px;border-radius:999px;background:#2997ff26;color:#8cc4ff;font-size:11.5px;letter-spacing:.02em}
.iv-h1{margin:0;font-size:clamp(34px,5.6vw,54px);font-weight:900;line-height:1.15;letter-spacing:-.04em;color:var(--i-ink)}
.iv-h1-sub{display:block;margin-bottom:6px;font-size:.52em;font-weight:800;letter-spacing:-.01em;background:linear-gradient(90deg,#8cc4ff,#2997ff);-webkit-background-clip:text;background-clip:text;color:transparent}   /* 「EXITANT AI 전용」 윗줄(2026-10-10) */
.iv-lead{margin:16px 0 0;font-size:clamp(15.5px,1.4vw + 11px,18px);line-height:1.7;color:var(--i-body)}
.iv-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:22px 0 0;padding:0;list-style:none;font-size:13.5px;font-weight:500;color:var(--i-sub)}
.iv-trust li{display:inline-flex;align-items:center;gap:6px}
.iv-trust svg{width:15px;height:15px;fill:none;stroke:var(--i-blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* 거래소 카드 */
.iv-exs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.iv-exs.is-one{grid-template-columns:minmax(0,560px);justify-content:center}
.iv-ex{display:flex;flex-direction:column;padding:clamp(22px,3vw,30px);border:1px solid var(--i-line2);border-radius:22px;background:linear-gradient(180deg,var(--i-panel2),var(--i-panel));box-shadow:0 24px 60px #0008,inset 0 1px #ffffff0d}
.iv-ex-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.iv-logo{display:inline-grid;place-items:center;height:48px;padding:0 18px;border-radius:12px}
.iv-logo-gate{background:#fff}.iv-logo-gate img{width:98px;height:auto}
.iv-logo-lbank{border:1px solid var(--i-line2);background:#000}.iv-logo-lbank img{width:84px;height:auto}
.iv-badge{padding:5px 10px;border:1px solid #2997ff55;border-radius:999px;background:#2997ff14;color:#8cc4ff;font-size:12px;font-weight:700;white-space:nowrap}
.iv-ex-h{margin:20px 0 6px;font-size:24px;font-weight:900;letter-spacing:-.02em;color:var(--i-ink)}
.iv-ex-d{margin:0;font-size:14.5px;line-height:1.65;color:var(--i-body)}
.iv-tags{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 18px;padding:0;list-style:none}
.iv-tags li{padding:4px 10px;border-radius:8px;background:#ffffff0d;font-size:12.5px;font-weight:500;color:var(--i-sub)}
.iv-code{display:flex;align-items:center;gap:10px;margin:auto 0 0;padding:12px 14px;border:1px dashed var(--i-line2);border-radius:12px;background:#00000040}
.iv-code span{font-size:12.5px;color:var(--i-sub);white-space:nowrap}
.iv-code b{flex:1;min-width:0;font-size:16px;font-weight:700;letter-spacing:.06em;color:var(--i-ink);overflow:hidden;text-overflow:ellipsis}
.iv-copy{flex:none;min-height:34px;padding:0 12px;border:1px solid var(--i-line2);border-radius:9px;background:#ffffff0d;color:var(--i-ink);font:700 12.5px/1 var(--i-sans);cursor:pointer}
.iv-copy:hover{border-color:var(--i-blue)}
.iv-copy.is-done{border-color:var(--i-teal);color:var(--i-teal2)}
.iv-go{display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;margin-top:16px;border-radius:14px;background:linear-gradient(180deg,var(--i-blue2),#0e57c9);color:#fff;font-size:16px;font-weight:700;box-shadow:0 12px 30px #176ff240,inset 0 1px #ffffff40}   /* 2026-10-21 흰 글자가 연파랑(#3a9cff) 위 2.9:1 — 두 끝 모두 4.5:1 넘게 */
.iv-go:hover{filter:brightness(1.08)}
.iv-fine{margin:10px 0 0;font-size:12.5px;line-height:1.6;color:var(--i-mut);text-align:center}
.iv-empty{margin:16px 0 0;padding:14px 16px;border:1px solid #ff7d8b66;border-radius:14px;background:#ff7d8b14;color:#ffb3bb;font-size:14px;text-align:center}
.iv-note{margin:16px auto 0;max-width:640px;font-size:13px;line-height:1.65;color:var(--i-sub);text-align:center}

/* 가입 절차 */
.iv-steps-wrap{margin:clamp(40px,6vw,64px) 0 0}
.iv-sec-h{margin:0 0 16px;font-size:20px;font-weight:900;letter-spacing:-.02em;color:var(--i-ink);text-align:center}
.iv-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.iv-steps li{display:flex;flex-direction:column;gap:6px;padding:20px;border:1px solid var(--i-line);border-radius:18px;background:var(--i-panel)}
.iv-steps b{font-size:13px;font-weight:900;letter-spacing:.08em;color:var(--i-blue)}
.iv-steps strong{font-size:16.5px;color:var(--i-ink)}
.iv-steps span{font-size:13.5px;line-height:1.65;color:var(--i-sub)}

/* 가입 · KYC 안내 링크(2026-10-15) — 가입 절차 바로 밑 · /gate-guide */
.iv-guide{margin:14px 0 0}
.iv-guide a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:14px 18px;border:1px solid #2997ff55;border-radius:16px;background:#2997ff12;font-size:14.5px;line-height:1.5;color:var(--i-body)}
.iv-guide a:hover{border-color:var(--i-blue);background:#2997ff1f}
.iv-guide a>span b{color:#8cc4ff;font-weight:800}
.iv-guide-ar{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--i-blue2);color:#fff;font-size:15px;font-weight:700}
.iv-guide a:focus-visible{outline:2px solid #8cc4ff;outline-offset:3px}

/* 퀀트 테스트 지원금 */
.iv-fund{margin:clamp(28px,4vw,40px) auto 0;max-width:720px;padding:clamp(24px,4vw,36px);border:1px solid #26a17b55;border-radius:24px;background:radial-gradient(120% 90% at 0% 0%,#26a17b22,transparent 55%),linear-gradient(180deg,var(--i-panel2),var(--i-panel));box-shadow:0 24px 60px #0008}
.iv-fund-head{display:flex;align-items:center;gap:14px}
.iv-usdt{width:48px;height:48px;flex:none}
.iv-fund-eyebrow{margin:0 0 4px;font-size:11.5px;font-weight:700;letter-spacing:.18em;color:var(--i-teal2)}
.iv-fund h2{margin:0;font-size:clamp(22px,3vw,28px);font-weight:900;letter-spacing:-.03em;color:var(--i-ink)}
.iv-fund h2 em{font-style:normal;color:var(--i-teal2);white-space:nowrap}
.iv-fund h2 small{margin-left:4px;font-size:.6em;font-weight:700;color:var(--i-sub)}
.iv-fund-d{margin:16px 0 0;font-size:15px;line-height:1.75;color:var(--i-body)}
/* 기한 알림(2026-10-16 · 5만 원은 10월 20일까지) — 제목 밑 알약 */
.iv-fund-due{display:inline-block;margin:14px 0 0;padding:7px 13px;border:1px solid color-mix(in srgb,var(--i-teal2) 45%,transparent);border-radius:14px;background:color-mix(in srgb,var(--i-teal) 16%,transparent);color:var(--i-teal2);font-size:13.5px;font-weight:800;line-height:1.5;letter-spacing:-.01em;word-break:keep-all}
.iv-fund-due[hidden]{display:none}
/* 2026-10-16 사장님 「글은 흰색 · 날짜와 2만 원은 빨강으로 티 나게」 */
.iv-fund-due.is-hl{color:var(--i-ink);font-weight:700;border-color:var(--i-line2);background:color-mix(in srgb,var(--i-ink) 7%,transparent)}
.iv-fund-due em{font-style:normal;font-weight:900}
.iv-fund-due .hl-red{color:var(--i-red)}
.iv-fund-due .hl-wh{color:var(--i-ink)}
.iv-fund-d b{color:var(--i-ink)}
/* 지원금 신청서(2026-10-10) — 구글 폼과 같은 다섯 질문 */
.iv-form{display:flex;flex-direction:column;gap:12px;margin:22px 0 0}
.iv-q{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid var(--i-line2);border-radius:16px;background:#00000033}
.iv-ql{display:flex;align-items:flex-start;gap:10px;font-size:15px;font-weight:700;line-height:1.45;color:var(--i-ink)}
.iv-ql b{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#26a17b33;color:var(--i-teal2);font-size:12.5px;font-weight:900}
.iv-q input:not([type=checkbox]){width:100%;min-height:50px;padding:0 14px;border:1px solid var(--i-line2);border-radius:12px;background:#0000004d;color:var(--i-ink);font:500 16px/1.2 var(--i-sans);box-sizing:border-box}
.iv-q input::placeholder{color:var(--i-mut)}
.iv-q input:focus{outline:none;border-color:var(--i-teal);box-shadow:0 0 0 3px #26a17b33}
.iv-qn{margin:0;padding-left:34px;font-size:12.5px;line-height:1.6;color:var(--i-sub)}
.iv-qn a{color:#8cc4ff;font-weight:700}
.iv-seg{display:flex;gap:6px}
.iv-seg button{flex:1;min-height:42px;border:1px solid var(--i-line2);border-radius:10px;background:#ffffff0a;color:var(--i-sub);font:700 14px/1 var(--i-sans);cursor:pointer}
.iv-seg button[aria-checked=true]{border-color:var(--i-teal);background:#26a17b26;color:var(--i-ink)}
.iv-seg button[hidden]{display:none}
.iv-auto{position:relative}
.iv-auto input{padding-right:96px!important}
.iv-auto span{position:absolute;top:50%;right:10px;transform:translateY(-50%);padding:4px 9px;border-radius:999px;background:#26a17b33;color:var(--i-teal2);font-size:12px;font-weight:700;pointer-events:none}
.iv-auto span[hidden]{display:none}
.iv-q5d{margin:0;padding-left:34px;font-size:13.5px;line-height:1.65;color:var(--i-body)}
.iv-five{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0 0 0 34px;list-style:none;counter-reset:five}
.iv-five li{counter-increment:five;padding:5px 10px;border-radius:8px;background:#ffffff0d;font-size:12.5px;color:var(--i-sub)}
.iv-five li::before{content:counter(five) ") ";color:var(--i-teal2);font-weight:700}
.iv-agree{display:flex;align-items:flex-start;gap:10px;margin:4px 0 0;padding:12px 14px;border:1px solid #26a17b55;border-radius:12px;background:#26a17b14;font-size:14px;line-height:1.5;color:var(--i-ink);cursor:pointer}
.iv-agree input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--i-teal)}
.iv-ferr{margin:0;padding:12px 14px;border:1px solid #ff7d8b66;border-radius:12px;background:#ff7d8b14;color:#ffb3bb;font-size:14px}
.iv-ferr[hidden],.iv-form[hidden],.iv-done[hidden]{display:none}
button.iv-cta{width:100%;border:0;font-family:var(--i-sans);cursor:pointer}
button.iv-cta:disabled{opacity:.6;cursor:wait}
.iv-done{margin:22px 0 0;padding:20px;border:1px solid #26a17b66;border-radius:18px;background:#26a17b12;outline:none}
.iv-done-h{display:flex;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:900;color:var(--i-ink)}
.iv-done-h svg,.iv-disc svg{flex:none;width:18px;height:18px;fill:none;stroke:var(--i-teal2);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.iv-done-d{margin:8px 0 14px;font-size:14px;line-height:1.7;color:var(--i-body)}
.iv-msg{margin:0;padding:14px 16px;border:1px dashed var(--i-line2);border-radius:12px;background:#0000004d;color:var(--i-ink);font:500 14px/1.75 var(--i-sans);white-space:pre-wrap;word-break:break-all}
.iv-done-btns{display:flex;gap:10px;align-items:stretch;margin-top:14px}
.iv-done-btns .iv-cta{flex:1;margin-top:0;background:linear-gradient(180deg,#ffe24a,#f5c400);color:#191919;box-shadow:0 12px 30px #f5c40033}
.iv-copy-lg{min-height:56px;padding:0 18px;border-radius:14px;font-size:14.5px}
.iv-link{padding:0;border:0;background:none;color:#8cc4ff;font:700 12.5px/1.6 var(--i-sans);text-decoration:underline;cursor:pointer}
.iv-disc{display:flex;align-items:center;gap:8px;margin:10px 0 0;padding:10px 14px;border:1px solid #26a17b55;border-radius:12px;background:#26a17b14;font-size:14px;color:var(--i-body)}
.iv-disc b{color:var(--i-teal2);font-weight:900}
.iv-cta{display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;margin-top:18px;border-radius:14px;background:linear-gradient(180deg,#0d8049,#0a6338);color:#fff;font-size:16.5px;font-weight:700;box-shadow:0 12px 30px #26a17b40,inset 0 1px #ffffff40}
.iv-cta:hover{filter:brightness(1.08)}
.iv-go:focus-visible,.iv-cta:focus-visible,.iv-seg button:focus-visible,.iv-link:focus-visible,.iv-copy:focus-visible,.iv-more a:focus-visible{outline:2px solid #8cc4ff;outline-offset:3px}
/* 거래소 UID가 뭔가요?(2026-10-10) */
.iv-uid{margin:clamp(36px,5vw,56px) auto 0;max-width:820px}
.iv-uid-lead{margin:0 0 18px;font-size:14.5px;line-height:1.7;color:var(--i-body);text-align:center}
.iv-uid-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.iv-uid-steps figure{margin:0;height:100%;display:flex;flex-direction:column;border:1px solid var(--i-line2);border-radius:18px;background:var(--i-panel);overflow:hidden}
.iv-uid-steps img{display:block;width:100%;height:auto;background:#000;border-bottom:1px solid var(--i-line)}
.iv-uid-steps figcaption{display:flex;gap:10px;align-items:flex-start;padding:14px 16px 16px;font-size:14.5px;line-height:1.6;color:var(--i-ink)}
.iv-uid-steps figcaption b{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--i-blue2);color:#fff;font-size:13px}
.iv-uid-note{margin:10px 0 0;font-size:12px;color:var(--i-mut);text-align:center}
.iv-more{margin:28px 0 0;text-align:center;font-size:14px}
.iv-more a{display:inline-flex;align-items:center;min-height:44px;padding:0 8px;color:#8cc4ff;font-weight:700}
.iv-foot{padding:24px var(--i-pad) 44px;border-top:1px solid var(--i-line);text-align:center;font-size:12px;line-height:1.7;color:var(--i-mut)}
.iv-foot p{margin:2px 0}
body.iv-page #tq-lang .tq-lang-btn{background:var(--i-bg)!important;color:var(--i-sub)!important;border:1px solid var(--i-line)!important;box-shadow:none!important}
body.iv-page #tq-lang .tq-lang-kicker,body.iv-page #tq-lang .tq-lang-code{display:none!important}
body.iv-page #t2-bottomnav{background:#05070cdb;border-top-color:var(--i-line)}
@media (max-width:760px){
  .iv-exs{grid-template-columns:1fr}
  .iv-steps{grid-template-columns:1fr}
  .iv-steps li{padding:16px}
  .iv-uid-steps{grid-template-columns:1fr}
}
@media (max-width:420px){
  .iv-trust{flex-direction:column;align-items:center;gap:6px}
  .iv-q{padding:14px}
  .iv-qn,.iv-q5d,.iv-five{padding-left:0}
  .iv-done-btns{flex-direction:column}
}

/* 왜 GATE 인가(2026-10-13) — 01 거래소 순위(GATE 줄 네모 박스) · 02 F1 레드불 · 03 준비금 117% · 04 수수료 비교. GATE 카드가 있을 때만 */
.iv-why{margin:clamp(44px,6vw,72px) 0 0}
.iv-why-k{margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.18em;color:var(--tq-iv-sky);text-align:center}
.iv-why-c{margin:0 0 14px;padding:clamp(20px,3vw,28px);border:1px solid var(--i-line2);border-radius:22px;background:linear-gradient(180deg,var(--i-panel2),var(--i-panel))}
.iv-why-n{margin:0 0 6px;font-size:13px;font-weight:900;letter-spacing:.08em;color:var(--i-blue)}
.iv-why-h{margin:0 0 10px;font-size:clamp(18px,1.2vw + 13px,22px);font-weight:900;line-height:1.4;letter-spacing:-.02em;color:var(--i-ink);word-break:keep-all}
.iv-why-p{margin:0 0 16px;font-size:15px;line-height:1.75;color:var(--i-body);word-break:keep-all}
.iv-why-src{margin:12px 0 0;font-size:12.5px;line-height:1.6;color:var(--i-mut);word-break:keep-all}
.iv-why-src a{color:var(--tq-iv-sky);text-decoration:underline;text-underline-offset:2px}
/* 01 순위표 — GATE 줄 = 파란 네모 박스 */
.iv-rank-w{overflow-x:auto;margin:0 -4px;padding:4px}
.iv-rank{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;font-variant-numeric:tabular-nums}
.iv-rank caption{margin:0 0 8px;font-size:12.5px;font-weight:700;color:var(--i-sub);text-align:left}
.iv-rank th,.iv-rank td{padding:11px 10px;border-bottom:1px solid var(--i-line);text-align:right;white-space:nowrap;color:var(--i-body)}
.iv-rank thead th{font-size:12px;font-weight:700;color:var(--i-sub)}
.iv-rank th:first-child,.iv-rank td:first-child{width:28px;text-align:center;color:var(--i-sub)}
.iv-rank tbody th{text-align:left;font-weight:700;color:var(--i-ink)}
.iv-rank thead th:nth-child(2){text-align:left}
.iv-rank tr.is-gate>*{background:color-mix(in srgb,var(--i-blue) 12%,transparent);border-top:2px solid var(--i-blue);border-bottom:2px solid var(--i-blue);color:var(--i-ink);font-weight:700}
.iv-rank tr.is-gate>:first-child{border-left:2px solid var(--i-blue);border-radius:12px 0 0 12px;color:var(--i-ink)}
.iv-rank tr.is-gate>:last-child{border-right:2px solid var(--i-blue);border-radius:0 12px 12px 0}
.iv-rank tr.is-gate b{color:var(--tq-iv-sky)}
.iv-rank-gate{display:inline-grid;place-items:center;padding:5px 9px;border-radius:7px;background:var(--tq-white);vertical-align:middle}
.iv-rank-gate img{display:block;width:64px;height:auto}
/* 02 F1 */
.iv-f1{margin:0;border:1px solid var(--i-line);border-radius:16px;overflow:hidden;background:var(--i-bg)}
.iv-f1 img{display:block;width:100%;height:auto}
/* 03 준비금 */
.iv-por{padding:18px;border:1px solid var(--i-line);border-radius:16px;background:color-mix(in srgb,var(--i-bg) 25%,transparent)}
.iv-por-big{display:flex;align-items:baseline;gap:10px;margin:0 0 12px}
.iv-por-big b{font-size:clamp(40px,5vw,52px);font-weight:900;line-height:1;letter-spacing:-.03em;color:var(--i-ink)}
.iv-por-big span{font-size:14px;font-weight:700;color:var(--i-sub)}
.iv-por-bar{display:flex;height:12px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--i-ink) 6%,transparent)}
.iv-por-c{flex:0 0 85.47%;background:linear-gradient(90deg,var(--i-blue2),var(--i-blue))}   /* 고객 자산 100 ÷ 준비금 117 */
.iv-por-x{flex:1 1 auto;background:var(--tq-iv-surplus)}
.iv-por-leg{display:flex;justify-content:space-between;gap:10px;margin:8px 0 14px;font-size:12.5px;color:var(--i-sub)}
.iv-por-lx{color:var(--tq-iv-surplus-ink)}
.iv-por-n{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
.iv-por-n div{padding:12px;border-radius:12px;background:color-mix(in srgb,var(--i-ink) 3%,transparent)}
.iv-por-n dt{font-size:12.5px;color:var(--i-sub);word-break:keep-all}
.iv-por-n dd{margin:4px 0 0;font-size:16px;font-weight:800;color:var(--i-ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.iv-por-n dd small{display:block;margin-top:2px;font-size:12.5px;font-weight:600;color:var(--i-body)}
.iv-por-n .is-x dd{color:var(--tq-iv-surplus-ink)}
.iv-por-coins{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.iv-por-coins li{display:inline-flex;gap:8px;padding:6px 12px;border:1px solid var(--i-line2);border-radius:999px;font-size:13px;color:var(--i-body)}
.iv-por-coins b{color:var(--i-ink)}
/* 04 수수료 비교 */
.iv-fee{padding:16px 18px;border:1px solid var(--i-line);border-radius:16px;background:color-mix(in srgb,var(--i-bg) 25%,transparent)}
.iv-fee-r{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr) 64px;align-items:center;gap:12px;margin:0 0 10px;font-size:13.5px;color:var(--i-body)}
.iv-fee-r b{text-align:right;font-size:15px;font-weight:800;color:var(--i-ink);font-variant-numeric:tabular-nums}
.iv-fee-r.is-gate span,.iv-fee-r.is-gate b{color:var(--tq-iv-sky)}
.iv-fee-b{display:block;height:12px;border-radius:999px;background:color-mix(in srgb,var(--i-ink) 6%,transparent);position:relative;overflow:hidden}
.iv-fee-b::before{content:"";position:absolute;inset:0 auto 0 0;border-radius:999px}
.iv-fee-b1::before{width:100%;background:var(--i-sub)}
.iv-fee-b2::before{width:6%;min-width:8px;background:var(--i-blue)}   /* 0.015 ÷ 0.25 = 6% */
.iv-fee-x{margin:12px 0 0;font-size:13px;line-height:1.65;color:var(--i-body);word-break:keep-all}
.iv-why-tags{margin:14px 0 0}
.iv-why-cta{max-width:560px;margin:22px auto 0}
@media (max-width:560px){
  .iv-rank-oi,.iv-rank-tk{display:none}   /* 좁은 화면 — 거래소 · 거래량 · 지정가 수수료만(미결제 약정은 아래 글에) */
  .iv-rank th,.iv-rank td{padding:10px 7px;font-size:13px}
  .iv-por-n{grid-template-columns:1fr}
  .iv-fee-r{grid-template-columns:minmax(0,1fr) 58px;gap:6px 10px}
  .iv-fee-r span{grid-column:1/-1}
}
@media (max-width:400px){.iv-rank th,.iv-rank td{padding:9px 5px;font-size:12.5px}.iv-rank thead th{font-size:11.5px}.iv-rank-gate{padding:4px 7px}.iv-rank-gate img{width:54px}}   /* 360px 휴대폰 — 표가 칸 안에 */
/* 2026-10-13 「왜 GATE 인가요?」 실제 화면(캡처) — 01 CoinMarketCap(GATE 줄 네모) · 03 gate.com 준비금 증명. 누르면 원본 크기로 */
.iv-shot{margin:14px 0 0;border:1px solid var(--i-line2);border-radius:14px;overflow:hidden;background:var(--tq-white)}
.iv-shot a{display:block}
.iv-shot img{display:block;width:100%;height:auto}
.iv-shot figcaption{padding:8px 12px;border-top:1px solid var(--i-line);background:var(--i-panel);font-size:12px;color:var(--i-sub)}
/* 2026-10-17 지원금 칸 아래 「GATE 계정 만드셨다면? → EXITANT 자동매매 시작 가이드」 카드(파란 계열 — 지원금의 초록과 구분) */
.iv-next{margin:18px auto 0;max-width:720px;padding:clamp(22px,4vw,32px);border:1px solid color-mix(in srgb,var(--i-blue) 45%,transparent);border-radius:24px;background:radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--i-blue) 16%,transparent),transparent 60%),var(--i-panel);text-align:center}
.iv-next-eyebrow{color:var(--i-blue)}
.iv-next-h{margin:4px 0 0;font-size:clamp(21px,3vw,27px);font-weight:900;letter-spacing:-.03em;color:var(--i-ink);word-break:keep-all}
.iv-next-d{margin:10px 0 0;font-size:15px;line-height:1.6;color:var(--i-body);word-break:keep-all}
.iv-next-go{max-width:440px;margin:18px auto 0}
.iv-next .iv-fine{margin-top:10px}
.iv-fund-first{margin-top:12px;font-size:17px;font-weight:800;color:var(--i-teal2)}   /* 2026-10-26 「프로그램 2만 원(USDT) 테스트 비용을 먼저 드립니다.」 */
.iv-cs-now{margin-top:12px}.iv-cs-now .iv-done-btns{margin-top:10px}.iv-msg-sm{font-size:12.5px}   /* 2026-10-26 5번 체크 → 바로 CS방 단추 */
.iv-qn-warn{color:var(--i-red);font-weight:700}   /* 2026-10-26 KYC 대조 · 중복 신청 제명 경고 */
/* 2026-10-26 친구 초대 안내(partners-invite.html) — 테더 · GATE 로고 줄 · 이 자리에서 초대 링크 만들기 */
.pi-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:10px;margin:22px auto 0;max-width:720px}
.pi-amt{display:flex;align-items:center;gap:10px;padding:10px 16px 10px 12px;border:1px solid var(--i-line);border-radius:14px;background:color-mix(in srgb,var(--i-teal) 10%,transparent)}
.pi-amt img{width:40px;height:40px;flex:none}.pi-amt small{display:block;font-size:12px;color:var(--i-sub)}.pi-amt b{font-size:20px;font-weight:900;color:var(--i-teal2)}.pi-amt span{margin-left:4px;font-size:12px;font-weight:700;color:var(--i-sub)}
.pi-gate{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border:1px solid var(--i-line);border-radius:14px;font-size:13px;font-weight:700;color:var(--i-ink)}.pi-gate .iv-logo{height:38px;padding:0 12px}.pi-gate .iv-logo img{width:78px}
.pi-make .iv-uid-lead{text-align:center;max-width:720px;margin:0 auto 16px}
.pi-panel{text-align:left;margin:0 auto;max-width:980px;font-size:15px}
.pi-login{display:flex;flex-direction:column;align-items:center;gap:12px;padding:10px 0 4px;text-align:center}.pi-login-t{margin:0;font-size:15px;color:var(--i-body)}.pi-login-btn{min-width:min(100%,360px)}
@media(max-width:600px){.pi-logos{gap:8px}.pi-amt,.pi-gate{flex:1 1 100%;justify-content:center}}

/* 2026-10-27 — 실버 등급부터 친구 초대 가능 안내 */
.pi-make .iv-rank-lead{font-weight:600;color:var(--i-ink);margin-top:-6px}

/* 2026-10-27 사장님 첫 후킹(3차 「AI 시대 · 손매매 고집 → 당장 나가라 · 딱 5분 시청 · 1강 → 2강 연속 · TANQUANT · USDT 로고 · ✕ 3개 세로 크게」)
   랜딩 원칙: 머리글 하나가 가장 크고(28~46px · 900 · 빨간 마지막 줄) → 받침 한 줄(17~22px · 600 · 30em) → 영상 + 강의 순서 → 하지 않는 것 3줄(20~26px · 900 · 빨간 ✕ 네모) → 무료 소제목 + 본문 → 빨간 경고(로고 줄 · 본문 16px/1.75) → 단추 하나 */
.iv-hero{max-width:900px}
.iv-hook{margin:4px auto 0;max-width:800px}
.iv-hd{margin:0;font-size:clamp(28px,3.6vw + 10px,46px);font-weight:900;line-height:1.22;letter-spacing:-.04em;color:var(--i-ink);word-break:keep-all}
.iv-hd em{font-style:normal;color:var(--i-red)}
.iv-hd-sub{margin:16px auto 0;max-width:30em;font-size:clamp(17px,1.2vw + 11px,22px);font-weight:600;line-height:1.55;letter-spacing:-.01em;color:#dfe6f0;word-break:keep-all}
/* 큰 플레이어 + 1강 → 2강 순서 */
/* 2026-10-28 사장님 「영상 크기 좀 키워」 — 글 폭(.iv-hero 900px) 밖으로: 화면 폭 − 32px, 최대 1,120px · 가운데 */
.iv-lecbig{position:relative;left:50%;width:min(1120px,calc(100vw - 32px));transform:translateX(-50%);margin:clamp(26px,4vw,40px) 0 0;padding:0;border:1px solid #2997ff40;border-radius:22px;overflow:hidden;background:var(--i-panel);box-shadow:0 30px 80px #000a,0 0 0 1px #2997ff1a}
.iv-lecbig-v{aspect-ratio:16/9;background:#000}
.iv-lecbig-v video{display:block;width:100%;height:100%}
.iv-pl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;border-top:1px solid var(--i-line)}
.iv-pl-i{display:flex;align-items:center;gap:10px;min-height:62px;padding:12px 16px;text-align:left;color:var(--i-sub)}
.iv-pl-i+.iv-pl-i{border-left:1px solid var(--i-line)}
.iv-pl-b{display:flex;align-items:center;gap:10px;flex:1;min-width:0;min-height:62px;margin:-12px -16px;padding:12px 16px;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.iv-pl-b:hover{background:#ffffff08}
.iv-pl-b:focus-visible{outline:2px solid #8cc4ff;outline-offset:-3px}
.iv-pl-n{flex:none;padding:4px 9px;border-radius:999px;background:#ffffff0d;font-size:12px;font-weight:800;letter-spacing:.04em;white-space:nowrap}
.iv-pl-t{flex:1;min-width:0;font-size:15px;font-weight:800;color:var(--i-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.iv-pl-s{flex:none;font-size:12px;font-weight:700;color:var(--i-sub);font-variant-numeric:tabular-nums;white-space:nowrap}
.iv-pl-i.is-now{background:#2997ff14}
.iv-pl-i.is-now .iv-pl-n{background:var(--i-blue2);color:#fff}
.iv-pl-i.is-now .iv-pl-s{color:#8cc4ff}
.iv-pl-i.is-soon .iv-pl-t{color:var(--i-sub);font-weight:700}
.iv-lecbig-c{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:10px 16px;border-top:1px solid var(--i-line);font-size:13px;color:var(--i-sub);text-align:left}
.iv-lecbig-go{margin-left:auto;color:#8cc4ff;font-size:13.5px;font-weight:700;white-space:nowrap}
.iv-lecbig-go:hover{text-decoration:underline;text-underline-offset:3px}
/* 하지 않는 것 — 세로 3줄 크게 → 평생 무료 */
.iv-none{margin:clamp(36px,5vw,52px) auto 0;max-width:760px}
.iv-no{display:flex;flex-direction:column;gap:10px;margin:0 auto;padding:0;max-width:460px;list-style:none}
.iv-no li{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:64px;padding:12px 14px 12px 22px;border:1px solid #ff5c6645;border-radius:16px;background:linear-gradient(90deg,#ff5c6616,#ff5c6606);font-size:clamp(20px,1.4vw + 14px,26px);font-weight:900;letter-spacing:-.02em;color:var(--i-ink);word-break:keep-all}
.iv-no li i{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--i-red);color:#fff;font-style:normal;font-size:22px;font-weight:900;box-shadow:0 8px 20px #ff5c6640}
.iv-free-h{margin:24px 0 0;font-size:clamp(22px,1.4vw + 15px,27px);font-weight:900;line-height:1.3;letter-spacing:-.03em;color:var(--i-teal2);word-break:keep-all}
.iv-free-d{margin:10px auto 0;max-width:34em;font-size:16.5px;line-height:1.75;color:var(--i-body);word-break:keep-all}
/* 빨간 경고 — TANQUANT × USDT 로고 줄 + 단추 하나 */
.iv-warn{margin:clamp(26px,4vw,36px) auto 0;max-width:760px;padding:clamp(20px,3vw,28px);border:1px solid #ff5c6655;border-radius:20px;background:radial-gradient(120% 90% at 0% 0%,#ff5c661a,transparent 60%),var(--i-panel);text-align:left}
.iv-warn-logos{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 16px}
.iv-warn-lg{display:inline-flex;align-items:center;gap:9px;padding:7px 14px 7px 9px;border:1px solid var(--i-line2);border-radius:999px;background:#ffffff0a;font-size:14px;font-weight:900;letter-spacing:.02em;color:var(--i-ink);white-space:nowrap}
.iv-warn-lg img{width:30px;height:30px;flex:none}
.iv-warn-lg small{font-size:12px;font-weight:700;letter-spacing:0;color:var(--i-sub)}
.iv-warn-lg.is-usdt{border-color:#26a17b66;background:#26a17b14}
.iv-warn-lg.is-usdt b{color:var(--i-teal2)}
.iv-warn-x{font-style:normal;font-size:18px;font-weight:900;color:var(--i-sub)}
.iv-warn-h{display:flex;align-items:center;gap:10px;margin:0;font-size:clamp(18px,1.2vw + 13px,21px);font-weight:900;line-height:1.35;color:var(--i-ink);word-break:keep-all}
.iv-warn-h i{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--i-red);color:#fff;font-style:normal;font-size:15px;font-weight:900}
.iv-warn-d{margin:12px 0 0;max-width:34em;font-size:16px;line-height:1.75;color:var(--i-body);word-break:keep-all}
.iv-warn-d b{color:var(--i-teal2);font-weight:900}
.iv-warn-go{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;margin-top:18px;padding:0 24px;border-radius:14px;background:linear-gradient(180deg,#0d8049,#0a6338);color:#fff;font-size:16px;font-weight:800;box-shadow:0 12px 30px #26a17b40,inset 0 1px #ffffff40}
.iv-warn-go:hover{filter:brightness(1.08)}
.iv-warn-go:focus-visible{outline:2px solid #8cc4ff;outline-offset:3px}
/* 그 아래 개설 제목 + GATE 3위 한 줄 */
.iv-open{margin:clamp(40px,6vw,60px) 0 0;padding-top:clamp(32px,4vw,44px);border-top:1px solid var(--i-line)}
.iv-lead-gate b{color:#8cc4ff;font-weight:800}
/* 지원금 칸 — 친구가 URL 로 보냈나요? + UID 한 줄 */
.iv-fund-url{margin:16px 0 0;padding:14px 16px;border:1px solid #26a17b55;border-radius:14px;background:#26a17b12;font-size:14.5px;line-height:1.7;color:var(--i-body)}
.iv-fund-url b{display:block;color:var(--i-ink);font-weight:800}
.iv-fund-url small{display:block;margin-top:8px;font-size:12.5px;line-height:1.6;color:var(--i-sub)}
.iv-fund-url a{color:#8cc4ff;font-weight:700;text-decoration:underline;text-underline-offset:2px}
@media (max-width:600px){
  .iv-hd{font-size:clamp(26px,7.2vw,32px)}
  /* 2026-10-28 휴대폰 — 강의 줄이 오른쪽으로 넘쳐 잘리던 것(grid 1fr = minmax(auto,1fr) 이라 글 너비만큼 늘어났다) · 제목은 두 줄까지 · 시간은 오른쪽 */
  .iv-lecbig{width:100vw;border-radius:0;border-left:0;border-right:0}   /* 2026-10-28 휴대폰 — 영상을 화면 끝까지(양옆 여백 없이) */
  .iv-pl{grid-template-columns:minmax(0,1fr)}.iv-pl-i{min-width:0;align-items:flex-start;padding:12px 14px}.iv-pl-i+.iv-pl-i{border-left:0;border-top:1px solid var(--i-line)}
  .iv-pl-b{margin:-12px -14px;padding:12px 14px;align-items:flex-start}.iv-pl-n{margin-top:2px}.iv-pl-t{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14.5px;line-height:1.4;word-break:keep-all}.iv-pl-s{margin-top:4px}
  .iv-lecbig-c{padding:12px 14px}.iv-lecbig-go{margin-left:0;flex-basis:100%}
  .iv-no li{min-height:56px;padding:10px 16px 10px 12px;font-size:19px;flex-direction:row-reverse;justify-content:flex-end}.iv-no li i{width:34px;height:34px;font-size:18px;border-radius:10px}   /* 2026-10-28 ✕ 를 왼쪽으로 — 오른쪽 떠 있는 단추(START · 입장)에 안 가리게 */
  .iv-warn{padding:18px}.iv-warn-go{width:100%}.iv-warn-logos{gap:8px}.iv-warn-lg{font-size:13px}
}
/* 2026-10-28 사장님 「친구 초대 화면 마지막 UI 최적화」 — 머리 세 칸 = 흐름(나 → 친구 → GATE) · 등급 줄 알약 · 칸 안의 같은 배너 · 금액 칸은 이 화면에서 숨김(머리와 중복) */
.pi-page .iv-hero{position:relative}
.pi-page .iv-hero::before{content:"";position:absolute;left:50%;top:-40px;width:min(720px,100%);height:260px;transform:translateX(-50%);background:radial-gradient(60% 60% at 50% 30%,color-mix(in srgb,var(--i-blue) 22%,transparent) 0%,transparent 70%);pointer-events:none;z-index:-1}
.pi-page .iv-h1{font-size:clamp(32px,5.2vw,52px)}
.pi-page .iv-lead{max-width:640px;margin-left:auto;margin-right:auto}
.pi-flow{gap:0;align-items:stretch;margin-top:26px}
.pi-flow .pi-amt{flex:1 1 200px;max-width:260px;justify-content:center;padding:14px 18px;border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--i-teal) 16%,transparent),color-mix(in srgb,var(--i-teal) 6%,transparent));border-color:color-mix(in srgb,var(--i-teal2) 35%,transparent);box-shadow:0 10px 30px color-mix(in srgb,var(--i-teal) 12%,transparent)}
.pi-flow .pi-amt.is-me{border-color:color-mix(in srgb,var(--i-teal2) 60%,transparent)}
.pi-flow .pi-amt b{font-size:24px;letter-spacing:-.02em}
.pi-flow .pi-amt small{font-weight:600}
.pi-flow .pi-gate{flex:1 1 220px;max-width:300px;flex-direction:column;justify-content:center;gap:6px;padding:12px 16px;border-radius:16px;background:color-mix(in srgb,var(--i-ink) 4%,transparent);text-align:center}
.pi-flow .pi-gate span:last-child{font-size:12.5px;color:var(--i-sub)}
.pi-arrow{flex:none;width:34px;height:auto;align-self:center;position:relative;opacity:.7}
.pi-arrow::before{content:"";position:absolute;left:8px;right:8px;top:50%;height:2px;background:linear-gradient(90deg,transparent,var(--i-blue));transform:translateY(-50%)}
.pi-arrow::after{content:"";position:absolute;right:8px;top:50%;width:8px;height:8px;border-top:2px solid var(--i-blue);border-right:2px solid var(--i-blue);transform:translateY(-50%) rotate(45deg)}
.pi-page .iv-trust{margin-top:18px;gap:8px 10px}
.pi-page .iv-trust li{padding:6px 12px;border:1px solid var(--i-line);border-radius:999px;background:color-mix(in srgb,var(--i-ink) 3%,transparent);font-size:12.5px}
.pi-kicker{margin:0 0 6px;font-size:11.5px;font-weight:800;letter-spacing:.14em;color:var(--i-blue);text-align:center}
.pi-make .iv-sec-h{font-size:clamp(22px,3vw,28px);margin-bottom:10px}
.pi-make .iv-uid-lead{color:var(--i-sub);font-size:14px;max-width:640px}
.pi-make .iv-rank-lead{margin:0 auto 18px;font-size:13.5px}
.pi-rank-pill{display:inline-block;padding:8px 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--i-blue) 45%,transparent);background:color-mix(in srgb,var(--i-blue) 12%,transparent);color:var(--i-ink);font-weight:600;line-height:1.5}
.pi-panel{border-radius:20px}
.pi-page .pi-panel .my-iv-hero,.pi-page .pi-panel .my-iv-amts{display:none}   /* 머리에서 이미 보여 준 같은 배너 · 금액 칸 — 칸 안에서는 뺀다(my.html 에는 그대로) */
@media(max-width:600px){.pi-flow{flex-direction:column;align-items:stretch}.pi-flow .pi-amt,.pi-flow .pi-gate{flex:0 0 auto;max-width:none}.pi-arrow{width:auto;height:30px;align-self:center}.pi-arrow::before{left:50%;right:auto;top:4px;bottom:4px;width:2px;height:auto;transform:translateX(-50%);background:linear-gradient(180deg,transparent,var(--i-blue))}.pi-arrow::after{right:auto;left:50%;top:auto;bottom:6px;transform:translateX(-50%) rotate(135deg)}}
/* ══ 2026-10-28 「AI slop 티 안 나게」 — 편집 디자인 쪽으로(둘 다 .iv-page): 가운데 정렬 · 그라데이션 글자 · 빛나는 둥근 카드 · 알약 뱃지를 걷고
   왼쪽 정렬 머리 + 가는 선(hairline) + 작은 대문자 라벨 + 숫자 정렬(tabular) + 작은 모서리(6~8px). 색 · 글자 · 사전은 그대로. ══ */
.iv-page .iv-eyebrow{padding:0 0 10px;border:0;border-bottom:1px solid var(--i-line2);border-radius:0;background:none;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--i-sub)}
.iv-page .iv-eyebrow img{width:18px;height:18px;border-radius:4px}
.iv-page .iv-eyebrow b{padding:0;border-radius:0;background:none;color:var(--i-blue);font-size:12px;letter-spacing:.16em}
.iv-page .iv-eyebrow b::before{content:"/";margin-right:8px;color:var(--i-line2)}
.iv-page .iv-h1{letter-spacing:-.035em;font-weight:800}
.iv-page .iv-h1-sub{margin-bottom:10px;font-size:.42em;font-weight:600;letter-spacing:-.01em;color:var(--i-sub);background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor;color:var(--i-sub)}
.iv-page .iv-lead{color:var(--i-body)}
.pi-page .iv-hero::before{display:none}
.pi-flow .pi-amt,.pi-flow .pi-gate{border:1px solid var(--i-line2);border-radius:8px;background:transparent;box-shadow:none}
.pi-flow .pi-amt.is-me{border-color:var(--i-teal)}
.pi-flow .pi-amt b{font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.pi-flow .pi-amt small{text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:var(--i-mut)}
.pi-flow .pi-gate{background:transparent}
.pi-arrow{opacity:.45}
.iv-page .iv-trust{gap:6px 0}
.iv-page .iv-trust li{padding:0;border:0;border-radius:0;background:none;font-size:13px;color:var(--i-sub)}
.iv-page .iv-trust li+li::before{content:"·";margin:0 12px;color:var(--i-line2)}
.iv-page .iv-trust svg{display:none}
.pi-kicker{letter-spacing:.2em;color:var(--i-sub)}
.pi-rank-pill{display:block;padding:6px 0 6px 14px;border:0;border-left:2px solid var(--i-blue);border-radius:0;background:transparent;text-align:left;color:var(--i-body);font-weight:500}
.pi-panel{border-radius:8px}
.pi-page .my-iv-rk,.pi-page .my-iv-rk-how li,.pi-page .my-iv-rk-dl,.pi-page .my-iv-rk-go a,.pi-page .my-pt-step,.pi-page .my-pt-see{border-radius:6px}
/* invite.html 후킹 · 영상 · 순서 줄 · ✕ 셋 · 경고 */
.iv-page .iv-hd{font-weight:800;letter-spacing:-.035em}
.iv-page .iv-hd em{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px;text-decoration-color:color-mix(in srgb,var(--i-red) 55%,transparent)}
.iv-page .iv-hd-sub{font-weight:500;color:var(--i-body)}
.iv-page .iv-lecbig{border:1px solid var(--i-line2);border-radius:8px;box-shadow:none}
.iv-page .iv-pl-n{min-width:34px;padding:0;border-radius:0;background:none;color:var(--i-mut);font-variant-numeric:tabular-nums;letter-spacing:.08em}
.iv-page .iv-pl-i.is-now{background:transparent;box-shadow:inset 3px 0 0 var(--i-blue)}
.iv-page .iv-pl-i.is-now .iv-pl-n{background:none;color:var(--i-blue)}
.iv-page .iv-pl-t{font-weight:700}
.iv-page .iv-pl-b:hover{background:color-mix(in srgb,var(--i-ink) 4%,transparent)}
.iv-page .iv-lecbig-go{color:var(--i-ink);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--i-line2)}
.iv-page .iv-no li{border:1px solid var(--i-line2);border-radius:6px;background:transparent;font-weight:800}
.iv-page .iv-no li i{border-radius:4px;box-shadow:none}
.iv-page .iv-warn{border-radius:8px;background:var(--i-panel)}
.iv-page .iv-warn-go{border-radius:6px}
/* 넓은 화면(≥760px): 머리를 왼쪽 정렬 — 가운데 정렬 일색을 걷는다 · 휴대폰은 가운데 그대로 */
@media(min-width:760px){
  .iv-page .iv-hero{text-align:left;margin-left:0}
  .iv-page .iv-eyebrow{display:flex;width:100%;justify-content:flex-start}
  .iv-page .iv-lead,.pi-page .iv-lead{margin-left:0}
  .pi-flow{justify-content:flex-start}
  .iv-page .iv-trust{justify-content:flex-start}
  .pi-make .pi-kicker,.pi-make .iv-sec-h,.pi-make .iv-uid-lead{text-align:left;margin-left:0}
  .pi-make .iv-uid-lead{max-width:720px}
  .iv-page .iv-hook{text-align:left;margin-left:0}
  .iv-page .iv-hd-sub{margin-left:0}
}
/* 2026-10-28 머리 문구 교체(「10~20년간 수백 배 … 자동화시키세요」) — 셋째 줄은 영상으로 이어 주는 말이라 한 단계 작게 · 위 줄과 간격 */
.iv-page .iv-hd-cta{margin-top:14px;font-size:clamp(15px,.8vw + 11px,18px);font-weight:500;color:var(--i-sub)}