@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

body.dark { background: hsl(224, 71.4%, 4.1%) !important; }
body:not(.dark) { background: #f8fafc !important; }
.ety-main { display: none !important; height: 0 !important; margin: 0 !important; }
.id_max { display: none !important; }

.hx-page {
	--hx-bg: hsl(224, 71.4%, 4.1%);
	--hx-fg: hsl(210, 20%, 98%);
	--hx-primary: hsl(263.4, 70%, 50.4%);
	--hx-primary-raw: 263.4 70% 50.4%;
	--hx-muted: hsl(217.9, 10.6%, 64.9%);
	--hx-zinc-500: #71717a;
	--hx-zinc-800: #27272a;
	--hx-emerald: #34d399;
	--hx-cyan: #67e8f9;
	--hx-fuchsia: #e879f9;
	--hx-radius-4xl: 2rem;
	font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	background: var(--hx-bg);
	color: var(--hx-fg);
	overflow-x: hidden;
}
body:not(.dark) .hx-page {
	--hx-bg: #f8fafc;
	--hx-fg: #0f172a;
	--hx-muted: #64748b;
	--hx-zinc-500: #71717a;
	--hx-zinc-800: #e2e8f0;
}
.hx-page *, .hx-page *::before, .hx-page *::after { box-sizing: border-box; }

.hx-wrap { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 16px; }
.hx-wrap--sm { max-width: 1024px; }

/* mono label (섹션 배지) */
.hx-mono-badge {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: var(--hx-primary);
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.24em;
	text-transform: uppercase;
}
.hx-mono-badge svg { width: 22px; height: 22px; flex-shrink: 0; color: var(--hx-primary); }

/* hero badge: pill on mobile, mono on desktop */
.hx-hero-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 16px;
	border-radius: 999px;
	border: 1px solid hsla(263, 70%, 50.4%, 0.25);
	background: hsla(263, 70%, 50.4%, 0.1);
	font-size: 13px;
	font-weight: 400;
	color: var(--hx-fg);
}
.hx-hero-badge svg { width: 20px; height: 20px; flex-shrink: 0; color: var(--hx-primary); }
@media (min-width: 1024px) {
	.hx-hero-badge {
		padding: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
		color: var(--hx-primary);
		font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
		font-size: 20px;
		font-weight: 700;
		letter-spacing: 0.24em;
		text-transform: uppercase;
		gap: 10px;
	}
	.hx-hero-badge svg { width: 22px; height: 22px; }
}

.hx-mono-label {
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--hx-primary);
}
.hx-muted { color: var(--hx-muted); }

.hx-gradient-text {
	background: linear-gradient(90deg, #fff 0%, hsl(187, 85%, 53%) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

/* ── Buttons ── */
.hx-btn-grad {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 52px;
	padding: 0 32px;
	border: 0;
	border-radius: 16px;
	background: linear-gradient(90deg, hsl(263.4, 70%, 50.4%) 0%, #8b5cf6 50%, #22d3ee 100%);
	color: #000 !important;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none !important;
	cursor: pointer;
	box-shadow: 0 0 40px rgba(124, 58, 237, 0.28);
	transition: transform 0.2s, box-shadow 0.2s;
}
.hx-btn-grad:hover {
	transform: scale(1.02);
	box-shadow: 0 0 60px rgba(34, 211, 238, 0.22);
	color: #000 !important;
	text-decoration: none !important;
}
.hx-btn-grad svg { width: 20px; height: 20px; transition: transform 0.2s; }
.hx-btn-grad:hover svg { transform: translateX(6px); }

.hx-btn-white {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 44px;
	padding: 0 32px;
	border: 0;
	border-radius: 16px;
	background: #fff;
	color: #000 !important;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none !important;
	cursor: pointer;
	transition: background 0.2s;
}
.hx-btn-white:hover { background: rgba(255,255,255,0.9); color: #000 !important; text-decoration: none !important; }
.hx-btn-white svg { width: 16px; height: 16px; }

/* ── Hero ── */
.hx-hero {
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	padding-top: 64px;
}
.hx-hero-grid-bg {
	position: absolute;
	inset: 0;
	opacity: 0.08;
	background-image:
		linear-gradient(hsla(210, 20%, 98%, 0.08) 1px, transparent 1px),
		linear-gradient(90deg, hsla(210, 20%, 98%, 0.08) 1px, transparent 1px);
	background-size: 72px 72px;
	pointer-events: none;
}
.hx-hero-inner { position: relative; padding: 48px 0 64px; }
.hx-hero-text { text-align: center; }
@media (min-width: 1024px) {
	.hx-hero-cols {
		display: grid;
		grid-template-columns: 1.02fr 0.98fr;
		gap: 40px;
		align-items: center;
	}
	.hx-hero-inner { padding: 64px 0 80px; }
	.hx-hero-text { text-align: left; }
}

.hx-hero h1 {
	margin: 24px auto 0;
	max-width: 100%;
	font-size: clamp(3rem, 8vw, 5.8rem);
	font-weight: 600;
	line-height: 0.95;
	letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
	.hx-hero h1 { margin-left: 0; margin-right: 0; }
}
.hx-hero-sub {
	display: block;
	margin: 16px auto 0;
	font-size: clamp(1.25rem, 2.5vw, 1.5rem);
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -0.01em;
}
@media (min-width: 1024px) {
	.hx-hero-sub { margin-left: 0; margin-right: 0; }
}
.hx-hero-desc {
	margin: 32px auto 0;
	max-width: 640px;
	font-size: 18px;
	line-height: 2;
	color: var(--hx-muted);
}
@media (min-width: 1024px) {
	.hx-hero-desc { margin-left: 0; margin-right: 0; max-width: 640px; }
}
.hx-hero-actions {
	margin-top: 40px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}
@media (min-width: 640px) {
	.hx-hero-actions { flex-direction: row; justify-content: center; }
}
@media (min-width: 1024px) {
	.hx-hero-actions { justify-content: flex-start; }
}
@media (max-width: 639px) {
	.hx-hero-actions .hx-btn-grad { width: 100%; }
}

.hx-stats {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	margin-top: 48px;
}
@media (min-width: 1280px) { .hx-stats { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 1023px) {
	.hx-stats { margin-top: 40px; }
}
.hx-stat {
	padding: 20px;
	border-radius: 24px;
	border: 1px solid rgba(255,255,255,0.1);
	background: rgba(255,255,255,0.05);
	backdrop-filter: blur(16px);
}
.hx-stat-val {
	font-family: ui-monospace, monospace;
	font-size: 24px;
	font-weight: 700;
}
.hx-stat-label { margin-top: 8px; font-size: 14px; color: var(--hx-muted); }

/* ── Market panel (desktop) ── */
.hx-market-wrap { position: relative; display: none; }
@media (min-width: 1024px) { .hx-market-wrap { display: block; } }
.hx-market-glow1 {
	position: absolute;
	top: 48px; left: 32px;
	width: 112px; height: 112px;
	border-radius: 50%;
	background: hsla(263, 70%, 50%, 0.3);
	filter: blur(48px);
	pointer-events: none;
}
.hx-market-glow2 {
	position: absolute;
	right: 0; bottom: 80px;
	width: 112px; height: 112px;
	border-radius: 50%;
	background: rgba(34, 211, 238, 0.2);
	filter: blur(48px);
	pointer-events: none;
}
.hx-market-panel {
	position: relative;
	overflow: hidden;
	border-radius: var(--hx-radius-4xl);
	border: 1px solid rgba(255,255,255,0.1);
	background: rgba(2, 6, 23, 0.7);
	backdrop-filter: blur(24px);
	box-shadow: 0 30px 120px rgba(0,0,0,0.5);
}
.hx-market-panel-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	padding: 16px 20px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
.hx-market-panel-head .hx-muted { margin-top: 4px; font-size: 14px; }
.hx-live {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 12px;
	border-radius: 999px;
	border: 1px solid rgba(52, 211, 153, 0.2);
	background: rgba(52, 211, 153, 0.1);
	font-size: 12px;
	font-weight: 500;
	color: var(--hx-emerald);
}
.hx-live i {
	display: block;
	width: 8px; height: 8px;
	border-radius: 50%;
	background: var(--hx-emerald);
	box-shadow: 0 0 16px rgba(74, 222, 128, 0.8);
	animation: hx-pulse 1.5s ease infinite;
}
@keyframes hx-pulse { 0%,100%{opacity:1} 50%{opacity:.45} }

.hx-mini-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
	padding: 20px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
.hx-mini-box {
	padding: 16px;
	border-radius: 16px;
	border: 1px solid rgba(255,255,255,0.08);
	background: rgba(255,255,255,0.05);
}
.hx-mini-box .hx-mono-label { letter-spacing: 0.22em; color: var(--hx-muted); }
.hx-mini-box .val { margin-top: 12px; font-size: 24px; font-weight: 600; }
.hx-mini-box .sub { margin-top: 4px; font-size: 12px; }
.hx-mini-box .sub.em { color: var(--hx-emerald); }
.hx-mini-box .sub.cy { color: var(--hx-cyan); }
.hx-mini-box .sub.fu { color: var(--hx-fuchsia); }

.hx-market-body { padding: 20px; }
.hx-market-row-head,
.hx-market-row {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 0.8fr;
	gap: 16px;
	align-items: center;
	padding: 8px 12px;
}
.hx-market-row-head {
	border-bottom: 1px solid var(--hx-zinc-800);
	font-family: ui-monospace, monospace;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--hx-zinc-500);
}
.hx-market-row-head span:nth-child(n+2) { text-align: right; }
.hx-market-row {
	border-bottom: 1px solid rgba(39, 39, 42, 0.5);
	text-decoration: none !important;
	color: inherit !important;
	transition: background 0.15s;
}
.hx-market-row:last-child { border-bottom: 0; }
.hx-market-row:hover { background: rgba(39, 39, 42, 0.3); }
.hx-market-row .coin { display: flex; align-items: center; gap: 8px; }
.hx-market-row .coin img { width: 24px; height: 24px; border-radius: 50%; }
.hx-market-row .coin span { font-family: ui-monospace, monospace; font-size: 14px; font-weight: 500; }
.hx-market-row .num { text-align: right; font-family: ui-monospace, monospace; font-size: 14px; font-variant-numeric: tabular-nums; }
.hx-market-row .chg.up { color: #10b981; }
.hx-market-row .chg.down { color: #ef4444; }
.hx-market-row .act {
	text-align: right;
	font-family: ui-monospace, monospace;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--hx-primary);
}

/* ── Marquee ── */
.hx-marquee-sec {
	border-top: 1px solid rgba(255,255,255,0.08);
	border-bottom: 1px solid rgba(255,255,255,0.08);
	background: rgba(2, 6, 23, 0.2);
	padding: 64px 0;
}
@media (max-width: 639px) {
	.hx-marquee-sec { padding: 48px 0; }
	.hx-marquee-title { font-size: 14px; letter-spacing: 0.16em; margin-bottom: 28px; }
	.hx-logoloop__set { gap: 32px; padding: 0 16px; }
	.hx-logoloop__set img { height: 44px; }
}
.hx-marquee-title {
	text-align: center;
	margin-bottom: 40px;
	font-family: ui-monospace, monospace;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.26em;
	text-transform: uppercase;
	color: var(--hx-muted);
}
.hx-marquee-title em { font-style: normal; color: var(--hx-primary); }

.hx-logoloop {
	overflow: hidden;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.hx-logoloop__track {
	display: flex;
	width: max-content;
	animation: hx-scroll 50s linear infinite;
}
.hx-logoloop__track:hover { animation-play-state: paused; }
.hx-logoloop__set { display: flex; align-items: center; gap: 44px; padding: 0 22px; }
.hx-logoloop__set a {
	display: block;
	transition: transform 0.25s;
}
.hx-logoloop__set a:hover { transform: scale(1.08); }
.hx-logoloop__set img { height: 52px; width: auto; display: block; object-fit: contain; }
@keyframes hx-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* ── Security ── */
.hx-security { padding: 96px 0; }
@media (min-width: 1024px) { .hx-security { padding: 128px 0; } }
@media (max-width: 639px) {
	.hx-security { padding: 64px 0; }
	.hx-sec-intro .hx-mono-badge {
		font-size: 11px;
		letter-spacing: 0.12em;
		flex-wrap: wrap;
		row-gap: 6px;
	}
	.hx-glass-card--tall { min-height: 0; }
	.hx-glass-card { padding: 22px; }
	.hx-glass-card h3 { font-size: 20px; }
}
.hx-sec-intro { text-align: center; max-width: 768px; margin: 0 auto 48px; }
.hx-sec-intro h2 {
	margin: 20px 0 0;
	font-size: clamp(1.875rem, 4vw, 3rem);
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -0.02em;
}
.hx-sec-intro p { margin: 20px 0 0; font-size: 18px; line-height: 2; color: var(--hx-muted); }

.hx-feat-grid {
	display: grid;
	gap: 20px;
}
@media (min-width: 1024px) { .hx-feat-grid { grid-template-columns: 1fr 1fr; } }
.hx-feat-span2 { grid-column: 1 / -1; }

.hx-glass-card {
	position: relative;
	overflow: hidden;
	border-radius: var(--hx-radius-4xl);
	border: 1px solid rgba(255,255,255,0.1);
	background: rgba(255,255,255,0.05);
	padding: 28px;
	backdrop-filter: blur(16px);
}
.hx-glass-card .hx-hover-grad {
	position: absolute;
	inset: 0;
	opacity: 0.75;
	transition: opacity 0.3s;
	border-radius: inherit;
	pointer-events: none;
}
.hx-glass-card:hover .hx-hover-grad { opacity: 1; }
.hx-glass-card .hx-hover-grad.amber { background: linear-gradient(135deg, rgba(251,191,36,0.35), rgba(249,115,22,0.18), transparent); }
.hx-glass-card .hx-hover-grad.emerald { background: linear-gradient(135deg, rgba(52,211,153,0.35), rgba(20,184,166,0.18), transparent); }
.hx-glass-card .hx-hover-grad.cyan { background: linear-gradient(135deg, rgba(34,211,238,0.35), rgba(59,130,246,0.18), transparent); }
.hx-glass-card .hx-hover-grad.fuchsia { background: linear-gradient(135deg, rgba(232,121,249,0.35), rgba(139,92,246,0.18), transparent); }
.hx-glass-card .hx-hover-grad.indigo { background: linear-gradient(135deg, rgba(129,140,248,0.35), rgba(56,189,248,0.18), transparent); }
.hx-glass-card .hx-inner-mask {
	position: absolute;
	inset: 1px;
	border-radius: calc(var(--hx-radius-4xl) - 1px);
	background: rgba(3, 7, 18, 0.85);
	pointer-events: none;
}
.hx-glass-card .hx-card-body { position: relative; z-index: 2; }
.hx-glass-card--tall { min-height: 368px; }
.hx-glass-card .hx-icon-box {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	margin-bottom: 24px;
	border-radius: 16px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.08);
	flex-shrink: 0;
}
.hx-glass-card .hx-icon-box svg {
	width: 24px;
	height: 24px;
	color: var(--hx-primary);
	stroke: currentColor;
}
.hx-glass-card h3 { margin: 0; font-size: 24px; font-weight: 600; }
.hx-glass-card p { margin: 12px 0 0; max-width: 640px; font-size: 14px; line-height: 1.75; color: var(--hx-muted); }

.hx-feat-mini-stats {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
	margin-top: 32px;
}
@media (min-width: 640px) {
	.hx-feat-mini-stats { grid-template-columns: repeat(3, 1fr); gap: 16px; }
}
.hx-feat-mini-stats > div {
	padding: 16px;
	border-radius: 16px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.05);
	text-align: left;
}
.hx-feat-mini-stats .hx-mini-label {
	display: block;
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--hx-muted);
}
.hx-feat-mini-stats strong {
	display: block;
	margin-top: 12px;
	font-size: 24px;
	font-weight: 600;
	color: var(--hx-fg);
	line-height: 1.2;
}

.hx-inline-cta {
	position: relative;
	overflow: hidden;
	border-radius: var(--hx-radius-4xl);
	border: 1px solid hsla(263, 70%, 50.4%, 0.25);
	background: linear-gradient(135deg, hsla(263, 70%, 50.4%, 0.18) 0%, hsla(271, 91%, 65%, 0.1) 50%, hsla(187, 85%, 53%, 0.12) 100%);
	padding: 28px;
}
.hx-inline-cta::before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at top right, rgba(255,255,255,0.12), transparent 22%);
	pointer-events: none;
}
.hx-inline-cta-inner {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: 24px;
}
@media (min-width: 1024px) {
	.hx-inline-cta-inner { flex-direction: row; align-items: center; justify-content: space-between; }
}
@media (max-width: 639px) {
	.hx-inline-cta-inner .hx-btn-white { width: 100%; height: 48px; }
}
.hx-inline-cta .hx-mono-label { letter-spacing: 0.24em; }
.hx-inline-cta h3 { margin: 12px 0 0; font-size: clamp(1.5rem, 3vw, 1.875rem); font-weight: 600; }
.hx-inline-cta p { margin: 12px 0 0; color: var(--hx-muted); font-size: 15px; }

/* ── Mobile market ── */
.hx-mob-market {
	padding: 48px 0;
	background: hsla(217, 10%, 15%, 0.1);
	border-top: 1px solid rgba(255,255,255,0.08);
	border-bottom: 1px solid rgba(255,255,255,0.08);
}
@media (min-width: 1024px) { .hx-mob-market { display: none; } }
.hx-mob-market-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 24px;
}
.hx-mob-market-head h3 {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.3;
}
.hx-market-panel--mob {
	display: block;
	border-radius: 24px;
	border: 1px solid rgba(255,255,255,0.1);
	background: rgba(2, 6, 23, 0.55);
	backdrop-filter: blur(24px);
	box-shadow: none;
}
.hx-market-panel--mob .hx-market-body { padding: 16px; }

@media (max-width: 1023px) {
	.hx-market-row-head,
	.hx-market-row {
		gap: 8px;
		padding: 8px 6px;
		grid-template-columns: 1.15fr 0.95fr 0.95fr 0.75fr;
	}
	.hx-market-row .coin img { width: 20px; height: 20px; }
	.hx-market-row .coin span { font-size: 12px; }
	.hx-market-row .num { font-size: 12px; }
	.hx-market-row .act { font-size: 9px; }
}

/* ── Help ── */
.hx-help { padding: 96px 0; }
@media (min-width: 1024px) { .hx-help { padding: 128px 0; } }
.hx-help-grid { display: grid; gap: 24px; }
@media (min-width: 768px) { .hx-help-grid { grid-template-columns: repeat(3, 1fr); } }

.hx-help-card {
	position: relative;
	overflow: hidden;
	display: block;
	border-radius: var(--hx-radius-4xl);
	border: 1px solid rgba(255,255,255,0.1);
	background: rgba(255,255,255,0.05);
	padding: 28px;
	backdrop-filter: blur(16px);
	text-decoration: none !important;
	color: inherit !important;
	transition: border-color 0.3s;
}
.hx-help-card:hover { border-color: hsla(263, 70%, 50.4%, 0.3); }
.hx-help-card .hx-orb {
	position: absolute;
	top: 0; right: 0;
	width: 112px; height: 112px;
	border-radius: 50%;
	background: hsla(263, 70%, 50.4%, 0.15);
	filter: blur(48px);
	transition: transform 0.5s;
}
.hx-help-card:hover .hx-orb { transform: scale(1.25); }
.hx-help-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 32px;
	position: relative;
	z-index: 1;
}
.hx-help-top .num {
	font-family: ui-monospace, monospace;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--hx-primary);
}
.hx-help-top svg { width: 16px; height: 16px; color: var(--hx-muted); transition: transform 0.3s, color 0.3s; }
.hx-help-card:hover .hx-help-top svg { color: var(--hx-primary); transform: translateX(4px); }
.hx-help-card h3 { position: relative; z-index: 1; margin: 0; font-size: 24px; font-weight: 600; }
.hx-help-card p { position: relative; z-index: 1; margin: 16px 0 0; font-size: 15px; line-height: 1.75; color: var(--hx-muted); }

/* ── Final CTA ── */
.hx-final {
	position: relative;
	overflow: hidden;
	padding: 96px 0;
}
.hx-final-bg {
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at center, hsla(263, 70%, 50.4%, 0.18), transparent 40%);
	pointer-events: none;
}
.hx-final-box {
	position: relative;
	overflow: hidden;
	border-radius: var(--hx-radius-4xl);
	border: 1px solid rgba(255,255,255,0.12);
	background: rgba(2, 6, 23, 0.65);
	padding: 48px 32px;
	text-align: center;
	box-shadow: 0 20px 120px rgba(0,0,0,0.45);
	backdrop-filter: blur(24px);
}
@media (min-width: 640px) { .hx-final-box { padding: 48px; } }
.hx-final-box .hx-grad-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, hsla(263, 70%, 50.4%, 0.16), transparent 50%, hsla(187, 85%, 53%, 0.12));
	pointer-events: none;
}
.hx-final-box .hx-orb-l {
	position: absolute;
	top: 0; left: 48px;
	width: 160px; height: 160px;
	border-radius: 50%;
	background: hsla(263, 70%, 50.4%, 0.15);
	filter: blur(48px);
}
.hx-final-box .hx-orb-r {
	position: absolute;
	right: 48px; bottom: 0;
	width: 160px; height: 160px;
	border-radius: 50%;
	background: rgba(34, 211, 238, 0.1);
	filter: blur(48px);
}
.hx-final-body { position: relative; z-index: 1; }
.hx-pill-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 16px;
	border-radius: 999px;
	border: 1px solid hsla(263, 70%, 50.4%, 0.25);
	background: hsla(263, 70%, 50.4%, 0.1);
	font-size: 13px;
	color: var(--hx-fg);
}
.hx-pill-badge svg { width: 20px; height: 20px; color: var(--hx-primary); }
.hx-final-body h2 {
	margin: 16px 0 0;
	font-size: clamp(1.75rem, 4vw, 2.5rem);
	font-weight: 600;
	line-height: 1.15;
}
.hx-final-body p {
	margin: 16px auto 32px;
	max-width: 560px;
	font-size: 16px;
	line-height: 1.7;
	color: var(--hx-muted);
}
@media (max-width: 639px) {
	.hx-final { padding: 64px 0; }
	.hx-final-box { padding: 32px 20px; }
	.hx-final-body .hx-btn-grad { width: 100%; }
}

/* reveal */
.hx-reveal { opacity: 0; transform: translateY(40px); transition: opacity 0.7s ease, transform 0.7s ease; }
.hx-reveal.is-visible { opacity: 1; transform: translateY(0); }

/* ── Light mode only (dark mode untouched) ── */
body:not(.dark) .hx-page .hx-gradient-text {
	background: linear-gradient(90deg, #0f172a 0%, hsl(187, 85%, 38%) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

body:not(.dark) .hx-page .hx-hero {
	border-bottom-color: #e2e8f0;
}
body:not(.dark) .hx-page .hx-hero-grid-bg {
	background-image:
		linear-gradient(rgba(15, 23, 42, 0.06) 1px, transparent 1px),
		linear-gradient(90deg, rgba(15, 23, 42, 0.06) 1px, transparent 1px);
}

body:not(.dark) .hx-page .hx-stat {
	border-color: #e2e8f0;
	background: #ffffff;
	box-shadow: 0 4px 20px rgba(15, 23, 42, 0.05);
}

/* 실시간 마켓 패널 */
body:not(.dark) .hx-page .hx-market-panel,
body:not(.dark) .hx-page .hx-market-panel--mob {
	background: #ffffff !important;
	border-color: #e2e8f0 !important;
	box-shadow: 0 8px 40px rgba(15, 23, 42, 0.08);
}
body:not(.dark) .hx-page .hx-market-panel-head,
body:not(.dark) .hx-page .hx-mini-grid {
	border-bottom-color: #e2e8f0;
}
body:not(.dark) .hx-page .hx-mini-box {
	background: #f8fafc;
	border-color: #e2e8f0;
}
body:not(.dark) .hx-page .hx-mini-box .val,
body:not(.dark) .hx-page .hx-market-row .coin span,
body:not(.dark) .hx-page .hx-market-row .num {
	color: #0f172a;
}
body:not(.dark) .hx-page .hx-market-row-head {
	border-bottom-color: #e2e8f0;
	color: #64748b;
}
body:not(.dark) .hx-page .hx-market-row {
	border-bottom-color: #f1f5f9;
}
body:not(.dark) .hx-page .hx-market-row:hover {
	background: #f8fafc;
}

body:not(.dark) .hx-page .hx-marquee-sec {
	background: #ffffff;
	border-color: #e2e8f0;
}

body:not(.dark) .hx-page .hx-mob-market {
	background: #f8fafc;
	border-color: #e2e8f0;
}

/* 보안 / 기능 카드 */
body:not(.dark) .hx-page .hx-glass-card {
	background: #ffffff;
	border-color: #e2e8f0;
	box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06);
}
body:not(.dark) .hx-page .hx-glass-card .hx-inner-mask {
	background: rgba(255, 255, 255, 0.94);
}
body:not(.dark) .hx-page .hx-glass-card .hx-icon-box {
	border-color: #e2e8f0;
	background: #f8fafc;
}
body:not(.dark) .hx-page .hx-glass-card h3,
body:not(.dark) .hx-page .hx-feat-mini-stats strong {
	color: #0f172a;
}
body:not(.dark) .hx-page .hx-feat-mini-stats > div {
	background: #f8fafc;
	border-color: #e2e8f0;
}

body:not(.dark) .hx-page .hx-inline-cta {
	background: linear-gradient(135deg, rgba(124, 58, 237, 0.08) 0%, rgba(139, 92, 246, 0.05) 50%, rgba(34, 211, 238, 0.06) 100%);
	border-color: #e2e8f0;
}
body:not(.dark) .hx-page .hx-inline-cta h3 {
	color: #0f172a;
}

/* 하단 CTA */
body:not(.dark) .hx-page .hx-final-box {
	background: #ffffff !important;
	border-color: #e2e8f0 !important;
	box-shadow: 0 8px 40px rgba(15, 23, 42, 0.08);
}
body:not(.dark) .hx-page .hx-final-body h2,
body:not(.dark) .hx-page .hx-pill-badge {
	color: #0f172a;
}

body:not(.dark) .hx-page .hx-help-card {
	background: #ffffff;
	border-color: #e2e8f0;
	box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06);
}
body:not(.dark) .hx-page .hx-help-card h3 {
	color: #0f172a;
}