Spaces:

VIDraft
/

AI

Running

App Files Files Community

AI / index.html

openfree

fix: blog-grid reveal class removed, cards now visible immediately

850e84a verified 3 days ago

raw

history blame contribute delete

158 kB

	<!DOCTYPE html>
	<html lang="ko">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>VIDRAFT — Pre-AGI 모델 개발 전문 비드래프트</title>
	<meta name="description" content="K-AI 리더보드 Top 8 6개 슬롯 (75%) · 허깅페이스 공인 GPQA Diamond 글로벌 3위 · Pre-AGI 아키텍처 · 한국에서 만드는 AGI.">
	<meta property="og:title" content="VIDRAFT — Pre-AGI 모델 개발 전문 비드래프트">
	<meta property="og:description" content="Darwin · AETHER Pre-AGI 아키텍처 · GPQA Diamond 글로벌 3위 · 한국 AI의 미래를 만듭니다.">
	<meta property="og:type" content="website">

	<link rel="preconnect" href="https://cdn.jsdelivr.net">
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css">
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">

	<style>
	:root {
	--bg: #0B0B0E; /* slightly warmer + cooler hint */
	--bg-card: #14141A; /* NEW — grid cards visibly elevated */
	--bg-elevated: #1B1B22;
	--bg-hover: #232330;
	--border: #2D2D36; /* much brighter than before for clear separation */
	--border-strong: #3D3D48;
	--border-divider: #4A4A55;
	--text-primary: #FAFAFA;
	--text-secondary: #C2C2CC; /* lifted from #A1A1A1 — better legibility */
	--text-tertiary: #8A8A95; /* lifted from #6B6B6B */
	--accent: #8B5CF6;
	--accent-bright: #B197FC; /* slightly brighter accent for dark bg */
	--accent-dim: rgba(139, 92, 246, 0.13);
	--accent-line: rgba(139, 92, 246, 0.40);
	--max-width: 1280px;
	--section-py: 140px;
	}

	* { margin: 0; padding: 0; box-sizing: border-box; }
	html { scroll-behavior: smooth; }
	body {
	background: var(--bg);
	color: var(--text-primary);
	font-family: 'Pretendard', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: -0.01em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
	}
	a { color: inherit; text-decoration: none; }
	button { font-family: inherit; }

	.container {
	max-width: var(--max-width);
	margin: 0 auto;
	padding: 0 32px;
	}

	/* ---------- TOP DEMO BAR ---------- */
	.demo-bar {
	background: #08080B;
	border-bottom: 1px solid var(--border);
	padding: 11px 0;
	overflow-x: auto;
	white-space: nowrap;
	scrollbar-width: none;
	}
	.demo-bar::-webkit-scrollbar { display: none; }
	.demo-bar-inner {
	display: flex;
	align-items: center;
	gap: 22px;
	padding: 0 32px;
	max-width: var(--max-width);
	margin: 0 auto;
	}
	.demo-bar-label {
	font-family: 'Inter', 'Pretendard', sans-serif;
	font-size: 10.5px;
	font-weight: 600;
	color: var(--text-secondary);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
	}
	.demo-bar-label .dot {
	width: 6px;
	height: 6px;
	background: #22c55e;
	border-radius: 50%;
	animation: pulse 2s infinite;
	box-shadow: 0 0 8px rgba(34, 197, 94, 0.5);
	}
	.demo-bar-link {
	font-family: 'Inter', 'Pretendard', sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: var(--text-primary);
	letter-spacing: -0.005em;
	flex-shrink: 0;
	transition: color 0.2s ease;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	}
	.demo-bar-link::after {
	content: '↗';
	font-size: 10px;
	color: var(--text-tertiary);
	transition: transform 0.2s, color 0.2s;
	}
	.demo-bar-link:hover { color: var(--accent-bright); }
	.demo-bar-link:hover::after {
	color: var(--accent-bright);
	transform: translate(2px, -2px);
	}

	/* ---------- TOP NAV ---------- */
	.nav {
	position: sticky;
	top: 0;
	z-index: 100;
	background: rgba(11, 11, 14, 0.85);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border-bottom: 1px solid var(--border);
	}
	.nav-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 64px;
	max-width: var(--max-width);
	margin: 0 auto;
	padding: 0 32px;
	}
	.logo {
	font-family: 'Inter', sans-serif;
	font-weight: 600;
	font-size: 17px;
	letter-spacing: -0.02em;
	color: var(--text-primary);
	display: inline-flex;
	align-items: center;
	}
	.logo-mark {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: var(--accent);
	margin-right: 11px;
	}
	.nav-links {
	display: flex;
	gap: 36px;
	list-style: none;
	}
	.nav-links a {
	font-size: 13.5px;
	font-weight: 500;
	color: var(--text-secondary);
	transition: color 0.18s ease;
	font-family: 'Inter', 'Pretendard', sans-serif;
	}
	.nav-links a:hover { color: var(--text-primary); }
	@media (max-width: 720px) {
	.nav-links { display: none; }
	}

	/* ---------- HERO ---------- */
	.hero {
	min-height: calc(100vh - 64px);
	display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
	}
	.hero::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image:
	linear-gradient(rgba(139, 92, 246, 0.045) 1px, transparent 1px),
	linear-gradient(90deg, rgba(139, 92, 246, 0.045) 1px, transparent 1px);
	background-size: 80px 80px;
	-webkit-mask-image: radial-gradient(ellipse at center, black 0%, transparent 75%);
	mask-image: radial-gradient(ellipse at center, black 0%, transparent 75%);
	pointer-events: none;
	z-index: 0;
	}
	.hero::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 800px;
	height: 800px;
	background: radial-gradient(circle, rgba(139, 92, 246, 0.08) 0%, transparent 60%);
	pointer-events: none;
	filter: blur(40px);
	z-index: 0;
	}

	/* ---------- HERO VIDEO SLOT (empty template — drop hero.mp4 to activate) ---------- */
	.hero-video-slot {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	z-index: 1;
	}
	.hero-video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.42;
	transition: opacity 0.7s ease;
	z-index: 0;
	}
	.hero-video.ready { opacity: 0.42; }
	.hero-video-placeholder {
	position: relative;
	width: min(78%, 760px);
	aspect-ratio: 16 / 9;
	border: 1px dashed rgba(139, 92, 246, 0.22);
	background: linear-gradient(135deg,
	rgba(139, 92, 246, 0.025) 0%,
	rgba(139, 92, 246, 0.005) 50%,
	rgba(139, 92, 246, 0.025) 100%);
	transition: opacity 0.5s ease;
	}
	.hero-video-placeholder.hidden {
	opacity: 0;
	pointer-events: none;
	}
	.placeholder-corner {
	position: absolute;
	width: 18px;
	height: 18px;
	border: 1px solid var(--accent-bright);
	}
	.placeholder-corner.tl { top: -1px; left: -1px; border-right: none; border-bottom: none; }
	.placeholder-corner.tr { top: -1px; right: -1px; border-left: none; border-bottom: none; }
	.placeholder-corner.bl { bottom: -1px; left: -1px; border-right: none; border-top: none; }
	.placeholder-corner.br { bottom: -1px; right: -1px; border-left: none; border-top: none; }
	.placeholder-center {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	}
	.placeholder-label {
	font-family: 'JetBrains Mono', 'Inter', monospace;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.18em;
	color: var(--accent-bright);
	text-transform: uppercase;
	}
	.placeholder-spec {
	font-family: 'JetBrains Mono', 'Inter', monospace;
	font-size: 10.5px;
	color: var(--text-tertiary);
	letter-spacing: 0.06em;
	margin-bottom: 14px;
	}
	.placeholder-status {
	font-family: 'Inter', sans-serif;
	font-size: 10.5px;
	font-weight: 500;
	color: var(--text-tertiary);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	}
	.placeholder-status::before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	background: var(--text-tertiary);
	border-radius: 50%;
	margin-right: 8px;
	vertical-align: middle;
	animation: pulse 2.5s infinite;
	}

	.hero-inner {
	position: relative;
	z-index: 2;
	padding: 80px 32px;
	width: 100%;
	max-width: var(--max-width);
	margin: 0 auto;
	}
	.eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 7px 14px;
	border: 1px solid var(--border-strong);
	border-radius: 100px;
	font-family: 'Inter', sans-serif;
	font-size: 11.5px;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--text-secondary);
	margin-bottom: 32px;
	background: rgba(255, 255, 255, 0.02);
	}
	.eyebrow .dot {
	width: 6px;
	height: 6px;
	background: #22c55e;
	border-radius: 50%;
	animation: pulse 2s infinite;
	box-shadow: 0 0 8px rgba(34, 197, 94, 0.5);
	}
	@keyframes pulse {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.4; }
	}
	.hero-title {
	font-size: clamp(38px, 7vw, 88px);
	font-weight: 600;
	line-height: 1.04;
	letter-spacing: -0.04em;
	margin-bottom: 28px;
	max-width: 920px;
	}
	.hero-title .accent { color: var(--accent-bright); }
	.hero-subtitle {
	font-family: 'Inter', 'Pretendard', sans-serif;
	font-size: clamp(16px, 1.4vw, 19px);
	color: var(--text-secondary);
	max-width: 580px;
	margin-bottom: 48px;
	letter-spacing: -0.005em;
	line-height: 1.55;
	}
	.hero-cta {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	}

	/* ---------- BUTTONS ---------- */
	.btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 22px;
	font-family: 'Inter', 'Pretendard', sans-serif;
	font-size: 13.5px;
	font-weight: 500;
	letter-spacing: -0.005em;
	border-radius: 4px;
	transition: all 0.2s ease;
	cursor: pointer;
	border: 1px solid var(--border-strong);
	background: transparent;
	color: var(--text-primary);
	}
	.btn:hover {
	border-color: var(--accent);
	background: var(--accent-dim);
	color: var(--accent-bright);
	}
	.btn-primary {
	background: var(--text-primary);
	color: var(--bg);
	border-color: var(--text-primary);
	}
	.btn-primary:hover {
	background: var(--accent);
	border-color: var(--accent);
	color: var(--text-primary);
	}
	.arrow {
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	display: inline-block;
	transition: transform 0.2s ease;
	}
	.btn:hover .arrow { transform: translate(2px, -2px); }

	/* ---------- SECTION ---------- */
	.section {
	padding: var(--section-py) 0;
	border-top: 1px solid var(--border-strong);
	position: relative;
	}
	.section::before {
	content: '';
	position: absolute;
	top: -1px;
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
	height: 1px;
	background: var(--accent);
	opacity: 0.6;
	}
	.section-eyebrow {
	font-family: 'Inter', sans-serif;
	font-size: 11.5px;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--text-tertiary);
	margin-bottom: 24px;
	display: flex;
	align-items: center;
	gap: 14px;
	}
	.section-eyebrow::before {
	content: '';
	width: 32px;
	height: 1px;
	background: var(--accent);
	}
	.section-title {
	font-size: clamp(32px, 4.5vw, 56px);
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -0.03em;
	margin-bottom: 28px;
	max-width: 820px;
	}
	.section-lead {
	font-size: clamp(17px, 1.6vw, 22px);
	color: var(--text-secondary);
	line-height: 1.55;
	max-width: 720px;
	margin-bottom: 72px;
	letter-spacing: -0.005em;
	}

	/* ---------- PLATFORM CARDS ---------- */
	.platform-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 1px;
	background: var(--border);
	border: 1px solid var(--border);
	}
	.platform-card {
	background: var(--bg-card);
	padding: 36px 30px;
	position: relative;
	transition: background 0.25s ease, transform 0.25s ease;
	display: flex;
	flex-direction: column;
	min-height: 240px;
	text-decoration: none;
	color: inherit;
	cursor: pointer;
	}
	.platform-card:hover {
	background: var(--bg-elevated);
	}
	.platform-card::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 1px;
	background: var(--accent);
	transition: width 0.35s ease;
	}
	.platform-card:hover::after { width: 100%; }
	.platform-id {
	font-family: 'JetBrains Mono', 'Inter', monospace;
	font-size: 10.5px;
	font-weight: 500;
	color: var(--text-tertiary);
	letter-spacing: 0.12em;
	margin-bottom: 14px;
	text-transform: uppercase;
	}
	.platform-name {
	font-size: 22px;
	font-weight: 600;
	letter-spacing: -0.02em;
	margin-bottom: 12px;
	}
	.platform-desc {
	font-size: 13.5px;
	color: var(--text-secondary);
	line-height: 1.55;
	flex-grow: 1;
	letter-spacing: -0.005em;
	}
	.platform-link {
	margin-top: 22px;
	font-family: 'Inter', sans-serif;
	font-size: 12.5px;
	font-weight: 500;
	color: var(--accent-bright);
	display: inline-flex;
	align-items: center;
	gap: 6px;
	letter-spacing: 0.02em;
	}
	.platform-card:hover .platform-link .arrow { transform: translate(2px, -2px); }

	/* ---------- ACHIEVEMENT TABLE ---------- */
	.achievement-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 80px;
	}
	@media (max-width: 900px) {
	.achievement-grid { grid-template-columns: 1fr; gap: 64px; }
	}
	.metric-block-title {
	font-family: 'Inter', sans-serif;
	font-size: 11.5px;
	font-weight: 500;
	color: var(--text-tertiary);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin-bottom: 18px;
	display: flex;
	align-items: center;
	gap: 10px;
	}
	.metric-block-title::after {
	content: '';
	flex-grow: 1;
	height: 1px;
	background: var(--border);
	}
	.metric-headline {
	font-size: clamp(48px, 6vw, 72px);
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.04em;
	margin-bottom: 14px;
	}
	.metric-headline .unit {
	font-size: 0.45em;
	color: var(--text-tertiary);
	margin-left: 6px;
	font-weight: 500;
	letter-spacing: -0.02em;
	}
	.metric-desc {
	font-size: 14.5px;
	color: var(--text-secondary);
	margin-bottom: 32px;
	max-width: 480px;
	line-height: 1.55;
	}
	.data-table {
	width: 100%;
	border-collapse: collapse;
	font-family: 'Inter', 'Pretendard', sans-serif;
	}
	.data-table th, .data-table td {
	text-align: left;
	padding: 13px 14px;
	font-size: 13px;
	border-bottom: 1px solid var(--border);
	letter-spacing: -0.005em;
	}
	.data-table th {
	font-weight: 600;
	color: var(--text-secondary);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 10.5px;
	border-bottom: 1px solid var(--border-divider);
	padding-bottom: 12px;
	background: rgba(139, 92, 246, 0.04);
	}
	.data-table td.num {
	font-variant-numeric: tabular-nums;
	color: var(--text-secondary);
	font-family: 'JetBrains Mono', 'Inter', monospace;
	font-size: 12.5px;
	}
	.data-table tr.us {
	background: var(--accent-dim);
	}
	.data-table tr.us td {
	color: var(--text-primary);
	}
	.data-table tr.us td.us-mark {
	color: var(--accent-bright);
	font-weight: 600;
	}
	.data-source {
	margin-top: 24px;
	font-size: 11.5px;
	font-family: 'JetBrains Mono', 'Inter', monospace;
	color: var(--text-tertiary);
	letter-spacing: 0.02em;
	}

	/* ---------- DEMO CATEGORIES ---------- */
	.demo-categories {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 24px;
	}
	.demo-category {
	background: var(--bg-card);
	border: 1px solid var(--border);
	padding: 28px 28px 12px;
	transition: border-color 0.25s ease, background 0.25s ease;
	}
	.demo-category:hover {
	border-color: var(--border-strong);
	background: var(--bg-elevated);
	}
	.demo-cat-title {
	font-family: 'Inter', sans-serif;
	font-size: 11.5px;
	font-weight: 600;
	color: var(--text-primary);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin-bottom: 8px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--border);
	}
	.demo-list {
	list-style: none;
	display: flex;
	flex-direction: column;
	}
	.demo-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 0;
	border-bottom: 1px solid var(--border);
	text-decoration: none;
	color: var(--text-primary);
	transition: padding 0.2s ease, color 0.2s ease;
	}
	.demo-item:last-child { border-bottom: none; }
	.demo-item:hover {
	color: var(--accent-bright);
	padding-left: 6px;
	}
	.demo-name {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.005em;
	}
	.demo-arrow {
	font-family: 'Inter', sans-serif;
	font-size: 13px;
	color: var(--text-tertiary);
	transition: transform 0.2s ease, color 0.2s ease;
	}
	.demo-item:hover .demo-arrow {
	color: var(--accent-bright);
	transform: translate(2px, -2px);
	}

	/* ---------- MANIFESTO ---------- */
	.manifesto {
	text-align: center;
	max-width: 760px;
	margin: 0 auto;
	padding: 32px 0;
	}
	.manifesto-text {
	font-size: clamp(24px, 3vw, 40px);
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: -0.025em;
	color: var(--text-primary);
	}
	.manifesto-text .accent { color: var(--accent-bright); }
	.manifesto-attr {
	margin-top: 36px;
	font-family: 'Inter', sans-serif;
	font-size: 12px;
	color: var(--text-tertiary);
	letter-spacing: 0.15em;
	text-transform: uppercase;
	}
	.manifesto-attr::before {
	content: '';
	display: inline-block;
	width: 24px;
	height: 1px;
	background: var(--text-tertiary);
	vertical-align: middle;
	margin-right: 12px;
	}

	/* ---------- FOOTER ---------- */
	.footer {
	border-top: 1px solid var(--border-strong);
	padding: 64px 0 32px;
	background: #08080B;
	}
	.footer-inner {
	max-width: var(--max-width);
	margin: 0 auto;
	padding: 0 32px;
	}
	.footer-grid {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1fr;
	gap: 64px;
	margin-bottom: 48px;
	}
	@media (max-width: 768px) {
	.footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
	}
	.footer-col h4 {
	font-family: 'Inter', sans-serif;
	font-size: 11px;
	font-weight: 500;
	color: var(--text-tertiary);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	margin-bottom: 18px;
	}
	.footer-col ul { list-style: none; }
	.footer-col li { margin-bottom: 11px; }
	.footer-col a {
	font-size: 13px;
	color: var(--text-secondary);
	transition: color 0.2s ease;
	}
	.footer-col a:hover { color: var(--text-primary); }
	.footer-bottom {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	font-size: 11.5px;
	color: var(--text-tertiary);
	font-family: 'Inter', 'Pretendard', sans-serif;
	padding-top: 32px;
	border-top: 1px solid var(--border);
	letter-spacing: 0.02em;
	}

	/* ---------- HELPERS ---------- */
	.text-mono { font-family: 'JetBrains Mono', 'Inter', monospace; }
	.text-sm { font-size: 13px; }
	.text-secondary { color: var(--text-secondary); }
	.text-tertiary { color: var(--text-tertiary); }
	.mt-32 { margin-top: 32px; }
	.mb-16 { margin-bottom: 16px; }
	.us-mark { color: var(--accent-bright); }

	/* Scrollbar */
	::-webkit-scrollbar { width: 10px; height: 10px; }
	::-webkit-scrollbar-track { background: var(--bg); }
	::-webkit-scrollbar-thumb { background: var(--border-strong); }
	::-webkit-scrollbar-thumb:hover { background: var(--text-tertiary); }

	/* Selection */
	::selection { background: var(--accent); color: var(--text-primary); }

	/* Focus */
	:focus-visible {
	outline: 2px solid var(--accent);
	outline-offset: 2px;
	}

	/* Reveal on scroll */
	.reveal {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
	}
	.reveal.visible {
	opacity: 1;
	transform: translateY(0);
	}

	/* ---------- INTERACTIVE — scroll progress bar ---------- */
	.scroll-progress {
	position: fixed;
	top: 0;
	left: 0;
	height: 2px;
	background: linear-gradient(90deg, var(--accent) 0%, var(--accent-bright) 100%);
	width: 0%;
	z-index: 200;
	transition: width 0.08s linear;
	box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
	pointer-events: none;
	}

	/* ---------- INTERACTIVE — mouse-tracking hero glow ---------- */
	.hero {
	--mx: 50%;
	--my: 50%;
	}
	.hero::after {
	background: radial-gradient(
	600px circle at var(--mx) var(--my),
	rgba(139, 92, 246, 0.18) 0%,
	rgba(139, 92, 246, 0.08) 30%,
	transparent 60%
	);
	filter: blur(28px);
	transition: opacity 0.6s ease;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform: none;
	}

	/* ---------- INTERACTIVE — magnetic card tilt ---------- */
	.magnetic {
	transform-style: preserve-3d;
	transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), background 0.25s ease;
	will-change: transform;
	}
	.magnetic.tilting {
	transition: transform 0.05s linear;
	}

	/* Override card transitions to coexist with magnetic tilt */
	.platform-card,
	.stage,
	.pillar-block,
	.pillar5,
	.stat-cell,
	.press-card,
	.press-global-card,
	.demo-category {
	transform-style: preserve-3d;
	}

	/* ---------- INTERACTIVE — section eyebrow line draw ---------- */
	.section-eyebrow {
	position: relative;
	}
	.section-eyebrow::before {
	width: 0;
	transition: width 1s cubic-bezier(0.22, 1, 0.36, 1) 0.2s;
	}
	.section-eyebrow.visible::before {
	width: 32px;
	}

	/* ---------- INTERACTIVE — accent text glow on hover ---------- */
	.platform-link,
	.demo-arrow,
	.press-meta .source,
	.placeholder-label {
	transition: text-shadow 0.3s ease, color 0.2s ease;
	}
	.platform-card:hover .platform-link,
	.demo-item:hover .demo-arrow,
	.press-card:hover .press-tag {
	text-shadow: 0 0 12px rgba(177, 151, 252, 0.4);
	}

	/* ---------- INTERACTIVE — stat number tabular alignment + small pulse ---------- */
	.stat-num {
	font-variant-numeric: tabular-nums;
	display: inline-block;
	}
	.stat-cell {
	position: relative;
	overflow: hidden;
	}
	.stat-cell::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--accent), transparent);
	transition: left 0.7s ease;
	}
	.stat-cell.counted::before {
	left: 100%;
	}

	/* ---------- INTERACTIVE — current stage breathing pulse ---------- */
	.stage.current {
	animation: breathe 4s ease-in-out infinite;
	}
	@keyframes breathe {
	0%, 100% { background: var(--accent-dim); }
	50% { background: rgba(139, 92, 246, 0.18); }
	}
	.stage.current::before {
	animation: line-pulse 4s ease-in-out infinite;
	}
	@keyframes line-pulse {
	0%, 100% { opacity: 0.7; }
	50% { opacity: 1; box-shadow: 0 0 12px var(--accent-bright); }
	}

	/* ---------- INTERACTIVE — 11-attention cells subtle hover scale ---------- */
	.att-cell {
	transition: background 0.25s ease, transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
	}
	.att-cell:hover {
	transform: translateY(-3px);
	background: var(--bg-elevated);
	}
	.att-cell.new:hover {
	background: var(--accent-dim);
	}

	/* ---------- INTERACTIVE — demo-bar link underline animation ---------- */
	.demo-bar-link {
	position: relative;
	}
	.demo-bar-link::before {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 0;
	height: 1px;
	background: var(--accent-bright);
	transition: width 0.25s cubic-bezier(0.22, 1, 0.36, 1);
	}
	.demo-bar-link:hover::before {
	width: calc(100% - 16px);
	}

	/* ---------- INTERACTIVE — hero title staggered word reveal ---------- */
	.hero-title .accent {
	display: inline-block;
	animation: accent-fade 1.2s cubic-bezier(0.22, 1, 0.36, 1) 0.4s both;
	}
	@keyframes accent-fade {
	from { opacity: 0; transform: translateY(20px); }
	to { opacity: 1; transform: translateY(0); }
	}
	.hero-subtitle {
	animation: sub-fade 1s cubic-bezier(0.22, 1, 0.36, 1) 0.7s both;
	}
	@keyframes sub-fade {
	from { opacity: 0; transform: translateY(12px); }
	to { opacity: 1; transform: translateY(0); }
	}
	.hero-cta {
	animation: cta-fade 0.8s cubic-bezier(0.22, 1, 0.36, 1) 1.0s both;
	}
	@keyframes cta-fade {
	from { opacity: 0; transform: translateY(8px); }
	to { opacity: 1; transform: translateY(0); }
	}
	.eyebrow {
	animation: eyebrow-fade 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.2s both;
	}
	@keyframes eyebrow-fade {
	from { opacity: 0; }
	to { opacity: 1; }
	}

	/* Reduced motion respect */
	@media (prefers-reduced-motion: reduce) {
	, ::before, *::after {
	animation-duration: 0.01ms !important;
	animation-iteration-count: 1 !important;
	transition-duration: 0.01ms !important;
	}
	.magnetic.tilting { transform: none !important; }
	}

	/* ---------- AGI STAGE BAR ---------- */
	.stage-bar {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 1px;
	background: var(--border);
	border: 1px solid var(--border);
	margin: 32px 0 80px;
	}
	.stage {
	background: var(--bg-card);
	padding: 28px 22px;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 6px;
	}
	.stage.current {
	background: var(--accent-dim);
	}
	.stage.current::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: var(--accent-bright);
	}
	.stage-num {
	font-family: 'JetBrains Mono', 'Inter', monospace;
	font-size: 10.5px;
	font-weight: 500;
	color: var(--text-tertiary);
	letter-spacing: 0.12em;
	}
	.stage.current .stage-num { color: var(--accent-bright); }
	.stage-name {
	font-size: 17px;
	font-weight: 600;
	letter-spacing: -0.02em;
	color: var(--text-primary);
	}
	.stage-desc {
	font-size: 12px;
	color: var(--text-secondary);
	line-height: 1.5;
	margin-top: 4px;
	}
	.stage.current .stage-desc { color: var(--text-primary); }
	.stage-pos {
	font-family: 'Inter', sans-serif;
	font-size: 10px;
	color: var(--accent-bright);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-weight: 600;
	margin-top: 8px;
	display: none;
	}
	.stage.current .stage-pos { display: block; }
	@media (max-width: 760px) {
	.stage-bar { grid-template-columns: 1fr; }
	.stage { padding: 18px 22px; }
	}

	/* ---------- TWO PILLAR ---------- */
	.pillar-pair {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1px;
	background: var(--border);
	border: 1px solid var(--border);
	}
	@media (max-width: 760px) {
	.pillar-pair { grid-template-columns: 1fr; }
	}
	.pillar-block {
	background: var(--bg-card);
	padding: 40px 36px;
	position: relative;
	}
	.pillar-tag {
	font-family: 'JetBrains Mono', 'Inter', monospace;
	font-size: 11px;
	font-weight: 500;
	color: var(--accent-bright);
	letter-spacing: 0.15em;
	text-transform: uppercase;
	margin-bottom: 14px;
	}
	.pillar-block h3 {
	font-size: 30px;
	font-weight: 600;
	letter-spacing: -0.03em;
	margin-bottom: 14px;
	line-height: 1.15;
	}
	.pillar-block p {
	font-size: 14px;
	color: var(--text-secondary);
	line-height: 1.6;
	letter-spacing: -0.005em;
	}

	/* ---------- 5 PILLARS GRID (AETHER) ---------- */
	.pillar5-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 1px;
	background: var(--border);
	border: 1px solid var(--border);
	margin-top: 40px;
	}
	.pillar5 {
	background: var(--bg-card);
	padding: 32px 26px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-height: 200px;
	position: relative;
	transition: background 0.25s ease;
	}
	.pillar5:hover { background: var(--bg-elevated); }
	.pillar5-num {
	font-family: 'JetBrains Mono', 'Inter', monospace;
	font-size: 10.5px;
	font-weight: 500;
	color: var(--accent-bright);
	letter-spacing: 0.15em;
	text-transform: uppercase;
	}
	.pillar5-name {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -0.02em;
	color: var(--text-primary);
	margin-top: 2px;
	}
	.pillar5-en {
	font-family: 'Inter', sans-serif;
	font-size: 11.5px;
	color: var(--text-tertiary);
	letter-spacing: 0.02em;
	margin-bottom: 10px;
	}
	.pillar5-desc {
	font-size: 13px;
	color: var(--text-secondary);
	line-height: 1.55;
	letter-spacing: -0.005em;
	flex-grow: 1;
	}

	/* ---------- SPEC TABLE ---------- */
	.spec-grid {
	display: grid;
	grid-template-columns: 200px 1fr;
	border: 1px solid var(--border);
	margin-top: 40px;
	background: var(--bg-card);
	}
	.spec-row {
	display: contents;
	}
	.spec-key, .spec-val {
	padding: 16px 22px;
	border-bottom: 1px solid var(--border);
	font-size: 13.5px;
	letter-spacing: -0.005em;
	}
	.spec-key {
	font-family: 'Inter', sans-serif;
	font-size: 11px;
	font-weight: 600;
	color: var(--text-secondary);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	border-right: 1px solid var(--border);
	background: rgba(139, 92, 246, 0.04);
	}
	.spec-val { color: var(--text-primary); }
	.spec-val .accent { color: var(--accent-bright); font-weight: 500; }
	.spec-row:last-child .spec-key,
	.spec-row:last-child .spec-val { border-bottom: none; }
	@media (max-width: 660px) {
	.spec-grid { grid-template-columns: 1fr; }
	.spec-key { border-right: none; padding-bottom: 4px; }
	.spec-val { padding-top: 4px; }
	}

	/* ---------- ATTENTION ARRAY (7-way) ---------- */
	.att-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 1px;
	background: var(--border);
	border: 1px solid var(--border);
	margin-top: 32px;
	}
	.att-cell {
	background: var(--bg-card);
	padding: 22px 18px;
	display: flex;
	flex-direction: column;
	gap: 6px;
	text-align: left;
	}
	.att-cell.new {
	background: var(--accent-dim);
	}
	.att-name {
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: -0.005em;
	color: var(--text-primary);
	}
	.att-cell.new .att-name { color: var(--accent-bright); }
	.att-cite {
	font-family: 'JetBrains Mono', 'Inter', monospace;
	font-size: 10.5px;
	color: var(--text-tertiary);
	letter-spacing: 0.05em;
	}

	/* ---------- PROOF GRID (3 col) ---------- */
	.proof-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 1px;
	background: var(--border);
	border: 1px solid var(--border);
	}
	.proof-col {
	background: var(--bg-card);
	padding: 36px 30px;
	display: flex;
	flex-direction: column;
	}
	.proof-col h4 {
	font-family: 'Inter', sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--text-tertiary);
	margin-bottom: 24px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--border);
	}
	.proof-list {
	list-style: none;
	display: flex;
	flex-direction: column;
	}
	.proof-item {
	padding: 14px 0;
	border-bottom: 1px solid var(--border);
	font-size: 14px;
	letter-spacing: -0.005em;
	}
	.proof-item:last-child { border-bottom: none; }
	.proof-item .name {
	display: block;
	font-weight: 600;
	color: var(--text-primary);
	margin-bottom: 4px;
	}
	.proof-item .meta {
	display: block;
	font-size: 12px;
	color: var(--text-secondary);
	font-family: 'Inter', 'Pretendard', sans-serif;
	letter-spacing: -0.005em;
	}
	.proof-item .badge {
	display: inline-block;
	font-family: 'JetBrains Mono', 'Inter', monospace;
	font-size: 10px;
	letter-spacing: 0.08em;
	color: var(--accent-bright);
	border: 1px solid var(--accent-line);
	padding: 2px 7px;
	margin-left: 6px;
	vertical-align: middle;
	text-transform: uppercase;
	}

	/* ---------- PRESS SECTION ---------- */
	/* Darwin Family infographic banner */
	.darwin-infographic-banner {
	display: block;
	width: 100%;
	margin-bottom: 56px;
	border-radius: 16px;
	overflow: hidden;
	border: 1px solid var(--border-strong);
	background: #0c0c12;
	position: relative;
	}
	.darwin-infographic-banner img {
	width: 100%;
	max-width: 600px;
	display: block;
	margin: 0 auto;
	border-radius: 12px;
	}
	.darwin-infographic-caption {
	text-align: center;
	padding: 16px 24px 20px;
	font-family: 'JetBrains Mono', 'Inter', monospace;
	font-size: 11px;
	color: var(--text-tertiary);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	border-top: 1px solid var(--border);
	margin-top: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	flex-wrap: wrap;
	}
	.darwin-infographic-caption a {
	color: var(--accent-bright);
	text-decoration: underline;
	text-underline-offset: 3px;
	}
	/* Press release highlight card */
	.press-release-card {
	background: linear-gradient(135deg, rgba(139,92,246,0.12) 0%, rgba(139,92,246,0.04) 50%, var(--bg-card) 100%);
	border: 1px solid var(--accent-line);
	border-radius: 12px;
	padding: 32px 32px 28px;
	margin-bottom: 56px;
	position: relative;
	overflow: hidden;
	}
	.press-release-card::before {
	content: '';
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 2px;
	background: linear-gradient(90deg, var(--accent), var(--accent-bright), transparent);
	}
	.press-release-card .pr-label {
	font-family: 'JetBrains Mono', 'Inter', monospace;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--accent-bright);
	margin-bottom: 12px;
	display: flex;
	align-items: center;
	gap: 8px;
	}
	.press-release-card .pr-label::before {
	content: '📰';
	font-style: normal;
	letter-spacing: 0;
	}
	.press-release-card .pr-headline {
	font-size: 22px;
	font-weight: 700;
	color: var(--text-primary);
	letter-spacing: -0.02em;
	line-height: 1.35;
	margin-bottom: 16px;
	}
	.press-release-card .pr-stats {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 20px;
	}
	.pr-stat-pill {
	background: rgba(139,92,246,0.15);
	border: 1px solid rgba(139,92,246,0.3);
	border-radius: 24px;
	padding: 5px 14px;
	font-family: 'JetBrains Mono', 'Inter', monospace;
	font-size: 11.5px;
	font-weight: 600;
	color: var(--accent-bright);
	white-space: nowrap;
	}
	.press-release-card .pr-excerpt {
	font-size: 14px;
	line-height: 1.65;
	color: var(--text-secondary);
	margin-bottom: 20px;
	max-width: 820px;
	}
	.press-release-card .pr-meta {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
	font-family: 'JetBrains Mono', 'Inter', monospace;
	font-size: 11px;
	color: var(--text-tertiary);
	}
	.press-release-card .pr-meta a {
	color: var(--accent-bright);
	text-decoration: underline;
	text-underline-offset: 3px;
	font-size: 11.5px;
	font-weight: 500;
	}
	@media (max-width: 640px) {
	.press-release-card { padding: 24px 20px; }
	.press-release-card .pr-headline { font-size: 18px; }
	}

	.press-featured {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));
	gap: 1px;
	background: var(--border);
	border: 1px solid var(--border);
	margin-bottom: 64px;
	}
	@media (max-width: 760px) {
	.press-featured { grid-template-columns: 1fr; }
	}
	.press-card {
	background: var(--bg-card);
	padding: 32px 30px;
	position: relative;
	display: block;
	text-decoration: none;
	color: inherit;
	transition: background 0.25s ease;
	min-height: 220px;
	}
	.press-card.featured {
	background: linear-gradient(135deg, var(--bg-card) 0%, rgba(139, 92, 246, 0.08) 200%);
	}
	.press-card:hover { background: var(--bg-elevated); }
	.press-card.featured:hover {
	background: linear-gradient(135deg, var(--bg-elevated) 0%, rgba(139, 92, 246, 0.12) 200%);
	}
	.press-card::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 1px;
	background: var(--accent);
	transition: width 0.35s ease;
	}
	.press-card:hover::after { width: 100%; }
	.press-tag {
	display: inline-block;
	font-family: 'JetBrains Mono', 'Inter', monospace;
	font-size: 10px;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--accent-bright);
	border: 1px solid var(--accent-line);
	padding: 3px 8px;
	margin-bottom: 16px;
	}
	.press-tag.en {
	color: var(--text-secondary);
	border-color: var(--border-strong);
	}
	.press-title {
	font-size: 17px;
	font-weight: 600;
	letter-spacing: -0.02em;
	line-height: 1.35;
	margin-bottom: 12px;
	color: var(--text-primary);
	}
	.press-excerpt {
	font-size: 13px;
	color: var(--text-secondary);
	line-height: 1.55;
	margin-bottom: 20px;
	letter-spacing: -0.005em;
	}
	.press-meta {
	font-family: 'JetBrains Mono', 'Inter', monospace;
	font-size: 11px;
	color: var(--text-tertiary);
	letter-spacing: 0.05em;
	display: flex;
	gap: 12px;
	}
	.press-meta .source {
	color: var(--text-secondary);
	font-weight: 500;
	}

	/* Press list — dense rows */
	.press-list-block {
	background: var(--bg-card);
	border: 1px solid var(--border);
	margin-bottom: 56px;
	}
	.press-row {
	display: grid;
	grid-template-columns: 100px 140px 1fr auto;
	gap: 24px;
	padding: 18px 24px;
	border-bottom: 1px solid var(--border);
	text-decoration: none;
	color: inherit;
	align-items: center;
	transition: background 0.2s ease;
	}
	.press-row:last-child { border-bottom: none; }
	.press-row:hover { background: var(--bg-elevated); }
	.press-row .date {
	font-family: 'JetBrains Mono', 'Inter', monospace;
	font-size: 11.5px;
	color: var(--text-tertiary);
	letter-spacing: 0.05em;
	}
	.press-row .source {
	font-family: 'Inter', sans-serif;
	font-size: 11.5px;
	font-weight: 500;
	color: var(--text-secondary);
	letter-spacing: 0.05em;
	text-transform: uppercase;
	}
	.press-row .title {
	font-size: 14px;
	font-weight: 500;
	color: var(--text-primary);
	letter-spacing: -0.005em;
	}
	.press-row:hover .title { color: var(--accent-bright); }
	.press-row .arrow {
	font-family: 'Inter', sans-serif;
	font-size: 13px;
	color: var(--text-tertiary);
	transition: transform 0.2s ease, color 0.2s ease;
	}
	.press-row:hover .arrow {
	color: var(--accent-bright);
	transform: translate(2px, -2px);
	}
	@media (max-width: 760px) {
	.press-row {
	grid-template-columns: 1fr;
	gap: 4px;
	}
	.press-row .date, .press-row .source { display: inline-block; margin-right: 12px; }
	.press-row .arrow { display: none; }
	}

	/* Global press cards */
	.press-global-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1px;
	background: var(--border);
	border: 1px solid var(--border);
	}
	@media (max-width: 660px) {
	.press-global-grid { grid-template-columns: 1fr; }
	}
	.press-global-card {
	background: var(--bg-card);
	padding: 24px 26px;
	text-decoration: none;
	color: inherit;
	transition: background 0.25s ease;
	display: flex;
	flex-direction: column;
	gap: 10px;
	}
	.press-global-card:hover { background: var(--bg-elevated); }
	.press-global-card .country {
	font-family: 'JetBrains Mono', 'Inter', monospace;
	font-size: 10.5px;
	color: var(--text-tertiary);
	letter-spacing: 0.15em;
	text-transform: uppercase;
	}
	.press-global-card .title {
	font-size: 15px;
	font-weight: 500;
	letter-spacing: -0.01em;
	color: var(--text-primary);
	line-height: 1.4;
	}
	.press-global-card:hover .title { color: var(--accent-bright); }
	.press-global-card .source-line {
	font-family: 'JetBrains Mono', 'Inter', monospace;
	font-size: 10.5px;
	color: var(--text-tertiary);
	}

	.press-subhead {
	font-family: 'Inter', sans-serif;
	font-size: 11px;
	font-weight: 500;
	color: var(--text-tertiary);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	margin-bottom: 20px;
	margin-top: 32px;
	display: flex;
	align-items: center;
	gap: 12px;
	}
	.press-subhead::before {
	content: '';
	width: 24px;
	height: 1px;
	background: var(--accent);
	}

	/* ---------- HERO 2 — MODEL GALAXY EMBED ---------- */
	.hero-2 {
	border-top: 1px solid var(--border-strong);
	padding: 100px 0 60px;
	background: var(--bg);
	position: relative;
	}
	.hero-2::before {
	content: '';
	position: absolute;
	top: -1px;
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
	height: 1px;
	background: var(--accent);
	opacity: 0.6;
	}
	.hero-2-inner { margin-bottom: 36px; }
	.hero-2-stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 1px;
	background: var(--border);
	border: 1px solid var(--border);
	margin-top: 36px;
	margin-bottom: 0;
	}
	.hero-2-stat {
	background: var(--bg-card);
	padding: 22px 24px;
	}
	.hero-2-stat-num {
	font-family: 'Inter', sans-serif;
	font-size: 28px;
	font-weight: 600;
	letter-spacing: -0.03em;
	color: var(--text-primary);
	line-height: 1;
	margin-bottom: 8px;
	font-variant-numeric: tabular-nums;
	}
	.hero-2-stat-num .small {
	font-size: 0.6em;
	color: var(--text-tertiary);
	margin-left: 3px;
	font-weight: 500;
	}
	.hero-2-stat-label {
	font-family: 'Inter', sans-serif;
	font-size: 10.5px;
	color: var(--text-tertiary);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	}
	.hero-2-frame-wrap {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	border-top: 1px solid var(--border-strong);
	border-bottom: 1px solid var(--border-strong);
	background: #000;
	position: relative;
	overflow: hidden;
	}
	.hero-2-frame-wrap::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: linear-gradient(90deg, transparent 0%, var(--accent) 50%, transparent 100%);
	opacity: 0.5;
	pointer-events: none;
	}
	.hero-2-iframe {
	width: 100%;
	height: 90vh;
	min-height: 560px;
	border: 0;
	display: block;
	background: #000;
	}
	.hero-2-footer {
	margin-top: 36px;
	display: flex;
	gap: 24px;
	align-items: center;
	flex-wrap: wrap;
	}
	.hero-2-meta {
	font-family: 'JetBrains Mono', 'Inter', monospace;
	font-size: 11px;
	color: var(--text-tertiary);
	letter-spacing: 0.05em;
	}
	.hero-2-hint {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: 'Inter', sans-serif;
	font-size: 12px;
	color: var(--text-secondary);
	letter-spacing: -0.005em;
	}
	.hero-2-hint::before {
	content: '';
	width: 6px;
	height: 6px;
	background: var(--accent);
	border-radius: 50%;
	box-shadow: 0 0 8px var(--accent);
	animation: pulse 2s infinite;
	}

	/* ---------- PATENT LIST + PAPER LIST ---------- */
	.patent-list, .paper-list {
	border: 1px solid var(--border);
	background: var(--bg-card);
	margin-top: 32px;
	}
	.patent-row, .paper-row {
	display: grid;
	grid-template-columns: 80px 1fr;
	gap: 28px;
	padding: 20px 26px;
	border-bottom: 1px solid var(--border);
	align-items: baseline;
	transition: background 0.2s ease;
	}
	.patent-row:last-child, .paper-row:last-child { border-bottom: none; }
	.patent-row:hover, .paper-row:hover { background: var(--bg-elevated); }
	.patent-row .pid, .paper-row .pid {
	font-family: 'JetBrains Mono', 'Inter', monospace;
	font-size: 11px;
	font-weight: 700;
	color: var(--accent-bright);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	padding-top: 2px;
	}
	.patent-row .ptitle, .paper-row .ptitle {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
	}
	.patent-row .ptitle .ko, .paper-row .ptitle .ko {
	font-size: 14.5px;
	font-weight: 500;
	color: var(--text-primary);
	line-height: 1.45;
	letter-spacing: -0.005em;
	}
	.patent-row .ptitle .en, .paper-row .ptitle .en {
	font-family: 'Inter', sans-serif;
	font-size: 12px;
	color: var(--text-tertiary);
	line-height: 1.4;
	letter-spacing: -0.005em;
	font-style: italic;
	}
	@media (max-width: 720px) {
	.patent-row, .paper-row { grid-template-columns: 1fr; gap: 6px; padding: 16px 20px; }
	}

	/* ---------- WORLD FIRST BANNER ---------- */
	.world-first {
	position: relative;
	border: 1px solid var(--accent-line);
	background: linear-gradient(135deg, var(--bg-card) 0%, rgba(139, 92, 246, 0.10) 100%);
	padding: 52px 48px;
	margin: 32px 0 56px;
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 56px;
	align-items: center;
	overflow: hidden;
	}
	@media (max-width: 760px) {
	.world-first { grid-template-columns: 1fr; gap: 28px; padding: 36px 28px; }
	}
	.world-first::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg, var(--accent) 0%, var(--accent-bright) 50%, transparent 100%);
	}
	.world-first::after {
	content: '';
	position: absolute;
	top: 50%;
	right: -100px;
	transform: translateY(-50%);
	width: 320px;
	height: 320px;
	background: radial-gradient(circle, rgba(139, 92, 246, 0.10) 0%, transparent 60%);
	filter: blur(20px);
	pointer-events: none;
	}
	.wf-mark {
	display: flex;
	flex-direction: column;
	gap: 8px;
	align-items: flex-start;
	position: relative;
	z-index: 1;
	}
	.wf-tag-en {
	font-family: 'JetBrains Mono', 'Inter', monospace;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.22em;
	color: var(--accent-bright);
	border: 1px solid var(--accent-line);
	padding: 6px 12px;
	text-transform: uppercase;
	background: rgba(139, 92, 246, 0.06);
	}
	.wf-tag-ko {
	font-family: 'Inter', 'Pretendard', sans-serif;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.18em;
	color: var(--accent-bright);
	padding: 0 6px;
	}
	.wf-content {
	display: flex;
	flex-direction: column;
	gap: 14px;
	position: relative;
	z-index: 1;
	}
	.wf-headline {
	font-size: clamp(48px, 7vw, 88px);
	font-weight: 600;
	letter-spacing: -0.04em;
	line-height: 1;
	color: var(--text-primary);
	font-variant-numeric: tabular-nums;
	display: flex;
	align-items: baseline;
	gap: 0.05em;
	flex-wrap: wrap;
	}
	.wf-num {
	display: inline-block;
	background: linear-gradient(135deg, var(--accent-bright) 0%, var(--text-primary) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	}
	.wf-sep {
	color: var(--text-tertiary);
	font-weight: 300;
	font-size: 0.7em;
	margin: 0 0.05em;
	}
	.wf-suffix {
	font-size: 0.32em;
	font-weight: 500;
	color: var(--text-secondary);
	margin-left: 0.4em;
	letter-spacing: -0.01em;
	align-self: center;
	}
	.wf-num-plus {
	font-size: 0.55em;
	color: var(--accent-bright);
	font-weight: 500;
	margin-right: 0.05em;
	align-self: flex-start;
	padding-top: 0.15em;
	}
	.wf-arrow {
	font-size: 0.5em;
	color: var(--text-tertiary);
	font-weight: 300;
	margin: 0 0.25em;
	align-self: center;
	}
	.wf-rank-mark {
	font-family: 'JetBrains Mono', 'Inter', monospace;
	font-size: 0.32em;
	font-weight: 700;
	color: var(--accent-bright);
	letter-spacing: 0.05em;
	margin-left: 0.4em;
	align-self: center;
	border: 1px solid var(--accent-line);
	padding: 4px 10px;
	background: rgba(139, 92, 246, 0.06);
	}
	.wf-label {
	font-size: clamp(17px, 1.6vw, 22px);
	font-weight: 500;
	color: var(--text-primary);
	letter-spacing: -0.015em;
	line-height: 1.3;
	}
	.wf-text {
	font-size: 14.5px;
	color: var(--text-secondary);
	line-height: 1.6;
	letter-spacing: -0.005em;
	max-width: 640px;
	margin-top: 6px;
	}
	.wf-text strong {
	color: var(--accent-bright);
	font-weight: 600;
	}

	/* ---------- HEADLINE STATS ---------- */
	.stat-row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 1px;
	background: var(--border);
	border: 1px solid var(--border);
	margin-top: 56px;
	margin-bottom: 56px;
	}
	.stat-cell {
	background: var(--bg-card);
	padding: 32px 26px;
	}
	.stat-num {
	font-size: 42px;
	font-weight: 600;
	letter-spacing: -0.04em;
	color: var(--text-primary);
	line-height: 1;
	margin-bottom: 10px;
	font-variant-numeric: tabular-nums;
	}
	.stat-num .small {
	font-size: 0.5em;
	color: var(--text-tertiary);
	margin-left: 4px;
	font-weight: 500;
	}
	.stat-label {
	font-family: 'Inter', sans-serif;
	font-size: 11px;
	color: var(--text-tertiary);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	}
	</style>
	</head>
	<body>

	<!-- TOP DEMO BAR (live services) -->
	<div class="demo-bar">
	<div class="demo-bar-inner">
	<span class="demo-bar-label"><span class="dot"></span>LIVE</span>
	<a id="topdemo-nationalos" href="https://vidraft-nationalos.hf.space/live3d.html" target="_blank" rel="noopener" class="demo-bar-link">NationalOS Korea</a>
	<a href="https://vidraft-nationalos-usa.hf.space/live3d.html" target="_blank" rel="noopener" class="demo-bar-link">NationalOS USA</a>
	<a id="topdemo-pharmaos" href="https://vidraft-pharmaos.hf.space/pharmaos/" target="_blank" rel="noopener" class="demo-bar-link">PharmaOS</a>
	<a id="topdemo-nutrios" href="https://vidraft-nutrios.hf.space/nutrios" target="_blank" rel="noopener" class="demo-bar-link">NutriOS</a>
	<a href="https://vidraft-chemicalos.hf.space/" target="_blank" rel="noopener" class="demo-bar-link">ChemicalOS</a>
	<a href="https://vidraft-legalflow.hf.space/" target="_blank" rel="noopener" class="demo-bar-link">LegalFlow</a>
	<a href="https://VIDraft-KPVM.hf.space" target="_blank" rel="noopener" class="demo-bar-link">특허가치평가</a>
	<a href="http://211.233.58.201:7905/" target="_blank" rel="noopener" class="demo-bar-link">CHITOS AI Security @앱</a>
	<a id="topdemo-mouse" href="https://VIDraft-NationalOS.hf.space" target="_blank" rel="noopener" class="demo-bar-link">MOUSE</a>
	<a href="http://211.233.58.201:7901" target="_blank" rel="noopener" class="demo-bar-link">논문 자동 생성</a>
	<a href="http://211.233.58.201:7902" target="_blank" rel="noopener" class="demo-bar-link">LLM 시각화</a>
	</div>
	</div>

	<!-- NAV -->
	<nav class="nav">
	<div class="nav-inner">
	<a href="#" class="logo">
	<span class="logo-mark"></span>VIDRAFT
	</a>
	<ul class="nav-links">
	<li><a href="#galaxy">Galaxy</a></li>
	<li><a href="#journey">Journey</a></li>
	<li><a href="#darwin">Darwin</a></li>
	<li><a href="#aether">Aether</a></li>
	<li><a href="#proof">Proof</a></li>
	<li><a href="#apps">Apps</a></li>
	<li><a href="#press">Press</a></li>
	<li><a href="#blog">Blog</a></li>
	<li><a href="https://heartsync-arena.hf.space" target="_blank">⚔️ LLM 트레이딩 ARENA</a></li>
	<li><a href="https://vidraft-darwin-factory.hf.space" target="_blank">🧬 Darwin 교배/진화 모델 신청</a></li>
	</ul>
	</div>
	</nav>

	<!-- HERO -->
	<header class="hero">
	<!-- VD1.mp4 → vd2.mp4 시퀀셜 히어로 영상 -->
	<video id="heroVideo" autoplay muted playsinline preload="auto"
	style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0.45;z-index:1;pointer-events:none;"
	src="https://vidraft-ai.static.hf.space/VD1.mp4">
	</video>

	<div class="hero-inner">
	<span class="eyebrow"><span class="dot"></span>PRE-AGI · ARCHITECTURE LIVE</span>
	<h1 class="hero-title">
	AGI를 향한<br>
	<span class="accent">여정.</span>
	</h1>
	<p class="hero-subtitle">
	한국에서 만든 운영체제. <strong style="color:var(--text-primary);">Darwin</strong>이 측정 가능한 결과를, <strong style="color:var(--text-primary);">AETHER</strong>가 Pre-AGI 아키텍처를. <strong style="color:var(--accent-bright);">5종·7종·11종 이종 어텐션을 하나의 LLM 아키텍처로 통합한 세계 최초 한국 회사</strong>. 과기부·NIA 공인 K-AI 리더보드 Top 8 6개 슬롯 (75%) · 허깅페이스 공인 GPQA Diamond 글로벌 3위 · WM Bench Track C 통과 유일 모델 (B등급, 47 FPS).
	</p>
	<div class="hero-cta">
	<a href="#darwin" class="btn btn-primary">
	Darwin <span class="arrow">↗</span>
	</a>
	<a href="#aether" class="btn">
	AETHER <span class="arrow">↗</span>
	</a>
	</div>
	</div>
	</header>

	<!-- ====== HERO 2 — MODEL GALAXY (인터랙티브 22,400+ 모델 가시화) ====== -->
	<section id="galaxy" class="hero-2">
	<div class="container">
	<div class="hero-2-inner">
	<div class="section-eyebrow reveal">— Live · Interactive · 22,400+ models</div>
	<h2 class="section-title reveal">하나의 갤럭시.<br><span style="color:var(--accent-bright);">22,400+</span> 모델.</h2>
	<p class="section-lead reveal">
	Darwin family + 2026 글로벌 트렌딩 모델이 단일 3D 갤럭시로 시각화됩니다. 노드를 hover하면 모델명·다운로드·family 정보, 클릭하면 클러스터로 줌인. <strong style="color:var(--text-primary);">FINAL-Bench가 운영하는 sigma.js 기반 라이브 인터랙티브.</strong>
	</p>
	<div class="hero-2-stats reveal">
	<div class="hero-2-stat">
	<div class="hero-2-stat-num">22,400<span class="small">+</span></div>
	<div class="hero-2-stat-label">Models in galaxy</div>
	</div>
	<div class="hero-2-stat">
	<div class="hero-2-stat-num">5<span class="small">개 클러스터</span></div>
	<div class="hero-2-stat-label">Darwin · Trending · Multimodal · NLP · Other</div>
	</div>
	<div class="hero-2-stat">
	<div class="hero-2-stat-num">2<span class="small">모드</span></div>
	<div class="hero-2-stat-label">Galaxy · Atlas</div>
	</div>
	<div class="hero-2-stat">
	<div class="hero-2-stat-num">5–15<span class="small">초</span></div>
	<div class="hero-2-stat-label">초기 로딩 (대용량 갤럭시)</div>
	</div>
	</div>
	</div>
	</div>

	<div class="hero-2-frame-wrap reveal">
	<iframe class="hero-2-iframe"
	src="https://final-bench-model-galaxy.hf.space"
	title="Model Galaxy — Darwin family + 2026 Trending"
	loading="lazy"
	allow="fullscreen"
	referrerpolicy="no-referrer">
	</iframe>
	</div>

	<div class="container">
	<div class="hero-2-footer reveal">
	<a href="https://huggingface.co/spaces/FINAL-Bench/model-galaxy" target="_blank" rel="noopener" class="btn btn-primary">
	Open Standalone <span class="arrow">↗</span>
	</a>
	<span class="hero-2-hint">갤럭시가 보이지 않으면 5–15초 후 새로고침 (대용량 데이터 로딩)</span>
	<span class="hero-2-meta">FINAL-Bench / model-galaxy · sigma.js + 22,400+ nodes</span>
	</div>
	</div>
	</section>

	<!-- ====== 01 — JOURNEY ====== -->
	<section id="journey" class="section">
	<div class="container">
	<div class="section-eyebrow reveal">01 — Journey</div>
	<h2 class="section-title reveal">AGI는 단계입니다. 우리는 Pre-AGI에 있습니다.</h2>
	<p class="section-lead reveal">
	AGI는 한 번에 도달하는 점이 아니라 측정 가능한 단계의 진행입니다. FINAL Bench 기준 5단계 — Partial → Proto → <strong style="color:var(--accent-bright);">Pre</strong> → Pass → Post — 비드래프트는 현재 <strong style="color:var(--text-primary);">Pre-AGI</strong>를 점유합니다.
	</p>

	<div class="stage-bar reveal">
	<div class="stage">
	<div class="stage-num">STAGE 01</div>
	<div class="stage-name">Partial</div>
	<div class="stage-desc">단편적 지능 — 단일 작업 특화</div>
	</div>
	<div class="stage">
	<div class="stage-num">STAGE 02</div>
	<div class="stage-name">Proto</div>
	<div class="stage-desc">원형 통합 — 다중 작업 결합</div>
	</div>
	<div class="stage current">
	<div class="stage-num">STAGE 03</div>
	<div class="stage-name">Pre-AGI</div>
	<div class="stage-desc">메타인지 + 자기교정 + 군집협업이 가능한 단계</div>
	<div class="stage-pos">— 우리는 여기 —</div>
	</div>
	<div class="stage">
	<div class="stage-num">STAGE 04</div>
	<div class="stage-name">Pass</div>
	<div class="stage-desc">진성 AGI — 인간 수준 일반 통과</div>
	</div>
	<div class="stage">
	<div class="stage-num">STAGE 05</div>
	<div class="stage-name">Post</div>
	<div class="stage-desc">초월 AGI — 자기 진화 능력</div>
	</div>
	</div>

	<div class="section-eyebrow reveal" style="margin-top:80px;">— Two pillars</div>
	<h3 class="reveal" style="font-size:clamp(24px,3vw,36px);font-weight:600;letter-spacing:-0.025em;line-height:1.2;margin-bottom:36px;max-width:760px;">결과를 만드는 모델, 그 위에 다음 단계를 지을 아키텍처.</h3>

	<div class="pillar-pair reveal">
	<div class="pillar-block">
	<div class="pillar-tag">PILLAR · NOW</div>
	<h3>Darwin</h3>
	<p>측정 가능한 결과를 만드는 한국어 추론 모델 패밀리. <strong style="color:var(--accent-bright);">Darwin 공식 모델 약 20여종</strong> · 4.5B / 27B / 31B / 35B 등 4개 대표 사이즈 보유. <strong style="color:var(--accent-bright);">허깅페이스 공인 GPQA Diamond 글로벌 3위</strong>. <strong style="color:var(--accent-bright);">과기부·NIA 공인 K-AI 리더보드 Top 8 中 6개 슬롯 점유 (75%)</strong>. <strong style="color:var(--accent-bright);">자발적 커뮤니티 파생 400+종 — 한국 기업 중 허깅페이스 커뮤니티 파급력 1위</strong>.</p>
	</div>
	<div class="pillar-block">
	<div class="pillar-tag">PILLAR · NEXT</div>
	<h3>AETHER</h3>
	<p>비드래프트가 독창적으로 설계한 Pre-AGI 아키텍처. <em style="font-style:normal;color:var(--accent-bright);">Adaptive Multi-way Triple-symmetric Hybrid attEntion Routing</em>. <strong style="color:var(--accent-bright);">5/7/11종 이종 어텐션을 하나의 LLM에 통합한 세계 최초</strong> — Aether-14B / Aether-1B / Aether-30B 3종 동시 학습. 한국 우선출원 + PCT 진입 — Darwin 진화형 3종 + AETHER Pre-AGI 8종, 청구항 합계 186개.</p>
	</div>
	</div>

	<div class="section-eyebrow reveal" style="margin-top:80px;">— By the numbers</div>
	<h3 class="reveal" style="font-size:clamp(22px,2.5vw,30px);font-weight:600;letter-spacing:-0.025em;margin-bottom:24px;">측정 가능한 회사.</h3>
	<div class="stat-row reveal">
	<div class="stat-cell">
	<div class="stat-num">20<span class="small">여종</span></div>
	<div class="stat-label">Darwin 공식 공개 모델 (약 20여종)</div>
	</div>
	<div class="stat-cell">
	<div class="stat-num">400<span class="small">+</span></div>
	<div class="stat-label">자발적 커뮤니티 파생</div>
	</div>
	<div class="stat-cell">
	<div class="stat-num">12<span class="small">만 회+</span></div>
	<div class="stat-label">Darwin Family 누적 다운로드 (HF 컬렉션)</div>
	</div>
	<div class="stat-cell">
	<div class="stat-num">150<span class="small">만+</span></div>
	<div class="stat-label">MAU (월간 활성 사용자)</div>
	</div>
	<div class="stat-cell">
	<div class="stat-num">152<span class="small">장</span></div>
	<div class="stat-label">NVIDIA GPU (Blackwell 144 + H200 8) — 한국 스타트업 단일 최대</div>
	</div>
	<div class="stat-cell">
	<div class="stat-num">5<span class="small">사</span></div>
	<div class="stat-label">매출 발생 파트너 (네트워크·미디어·농협·의료·스포츠)</div>
	</div>
	</div>

	<div class="section-eyebrow reveal" style="margin-top:80px;">— AGI 4-Layer Vision</div>
	<h3 class="reveal" style="font-size:clamp(22px,2.5vw,30px);font-weight:600;letter-spacing:-0.025em;margin-bottom:32px;line-height:1.25;">단일 모델이 아니라 <span style="color:var(--accent-bright);">네 계층의 통합 시스템</span>이 진성 AGI다.</h3>
	<div class="platform-grid reveal">
	<div class="platform-card">
	<div class="platform-id">LAYER 01 · MODEL</div>
	<div class="platform-name">Darwin</div>
	<div class="platform-desc">진화형 모델 — 재학습 없이 이종 결합·세대 누적으로 발전. Darwin Family Opus / David Gen-2 / A2AP / 한국어 특화. Gen-2(David 4.5B)로 31B급 성능 달성, 누적 +26.4%p.</div>
	<div class="platform-link">Family · 4 lineups <span class="arrow">↗</span></div>
	</div>
	<div class="platform-card">
	<div class="platform-id">LAYER 02 · ARCHITECTURE</div>
	<div class="platform-name">AETHER</div>
	<div class="platform-desc">Pre-AGI 아키텍처 — 5/7/11종 이종 어텐션 Latin Square 통합. 5대 기둥 (창발·메타인지·자가진화·다중지능·상생상극) + Triple Symmetry n³.</div>
	<div class="platform-link">Aether-14B / Aether-1B / Aether-30B 3종 <span class="arrow">↗</span></div>
	</div>
	<div class="platform-card">
	<div class="platform-id">LAYER 03 · WORLD</div>
	<div class="platform-name">PROMETHEUS</div>
	<div class="platform-desc">월드 모델 — 263관절 스켈레톤 · WM Bench Track C 726점 · B등급 · 47 FPS 실시간 3D · <strong>Track C 통과 유일 모델</strong>. 체화 AI를 위한 세계 인식 계층.</div>
	<div class="platform-link">WM Bench Track C 통과 유일 <span class="arrow">↗</span></div>
	</div>
	<div class="platform-card">
	<div class="platform-id">LAYER 04 · BODY</div>
	<div class="platform-name">HEPHAESTUS</div>
	<div class="platform-desc">Embodied AI · 로봇 통합 — 세계 속에서 실제 행동하는 계층. Jetson 시리즈 4종 (4/8/16/32GB) 자체 보유로 엣지 디바이스 검증 운영 중.</div>
	<div class="platform-link">Robotics layer <span class="arrow">↗</span></div>
	</div>
	</div>
	<p class="reveal" style="margin-top:36px;font-size:14px;color:var(--text-tertiary);max-width:760px;line-height:1.6;letter-spacing:-0.005em;">LLM → AETHER → PROMETHEUS → HEPHAESTUS = <strong style="color:var(--text-secondary);">Embodied AGI</strong>. 네 계층이 연결될 때, 비드래프트는 단일 제품 회사가 아니라 AGI 플랫폼 회사가 된다.</p>
	</div>
	</section>

	<!-- ====== 02 — DARWIN ====== -->
	<section id="darwin" class="section">
	<div class="container">
	<div class="section-eyebrow reveal">02 — Darwin</div>
	<h2 class="section-title reveal">K-AI 리더보드 Top 8 6개 슬롯 (75%).<br>허깅페이스 공인 GPQA Diamond 글로벌 3위.</h2>
	<p class="section-lead reveal">
	자랑하지 않습니다. 측정합니다. 과기부·NIA 공인 K-AI 리더보드와 허깅페이스 공인 GPQA Diamond에서 동시에 1티어를 점유한 한국 스타트업은 비드래프트가 유일. <strong style="color:var(--text-primary);">AGI 7대 지능 중 창조·언어 지능 완성</strong>.
	</p>

	<!-- AGI 7대 지능 정의 박스 [H-3] -->
	<div class="reveal" style="margin:24px 0 0;padding:24px 28px;border:1px solid var(--accent-line);background:linear-gradient(135deg,var(--bg-card) 0%,rgba(139,92,246,0.06) 100%);">
	<div style="font-family:'JetBrains Mono','Inter',monospace;font-size:11px;font-weight:600;color:var(--accent-bright);letter-spacing:0.14em;text-transform:uppercase;margin-bottom:10px;">DEFINITION · AGI 7대 지능</div>
	<div style="font-size:14.5px;color:var(--text-primary);line-height:1.6;letter-spacing:-0.005em;">
	<strong>언어 · 창조 · 논리 · 시공간 · 체화 · 메타인지 · 사회</strong> — Darwin이 <strong style="color:var(--accent-bright);">창조·언어 2축 완성</strong>, AETHER가 메타인지·논리 2축 진행 중, PROMETHEUS가 시공간·체화 2축, HEPHAESTUS가 사회 1축 도전.
	</div>
	</div>

	<!-- COMMUNITY #1 배너 (한국 기업 중 HF 커뮤니티 파급력 1위) -->
	<div class="world-first reveal">
	<div class="wf-mark">
	<span class="wf-tag-en">Community #1</span>
	<span class="wf-tag-ko">한국 기업 1위</span>
	</div>
	<div class="wf-content">
	<div class="wf-headline">
	<span class="wf-num">20</span><span class="wf-num-plus">+</span><span class="wf-arrow">→</span><span class="wf-num">400</span><span class="wf-num-plus">+</span><span class="wf-rank-mark">한국 1위</span>
	</div>
	<div class="wf-label">공식 공개 모델 → 자발적 커뮤니티 파생.</div>
	<p class="wf-text">
	비드래프트가 공개한 <strong>Darwin 공식 모델 약 20여종</strong>. 허깅페이스 커뮤니티가 자발적으로 만든 <strong>Darwin 파생 모델 400+종</strong>. 공식 모델 1개당 자발적 파생 약 <strong>20배</strong> — <strong>한국 기업 중 허깅페이스 커뮤니티 파급력 1위</strong>. bartowski · mradermacher · 21world 등 글로벌 AI 개발자들이 양자화·최적화·한국어화 방향으로 재가공해 확산.
	</p>
	</div>
	</div>

	<div class="stat-row reveal">
	<div class="stat-cell">
	<div class="stat-num">3<span class="small">위</span></div>
	<div class="stat-label">허깅페이스 공인 GPQA Diamond 글로벌</div>
	</div>
	<div class="stat-cell">
	<div class="stat-num">75<span class="small">%</span></div>
	<div class="stat-label">과기부·NIA K-AI 리더보드 Top 8 중 6슬롯</div>
	</div>
	<div class="stat-cell">
	<div class="stat-num">+26.4<span class="small">pp</span></div>
	<div class="stat-label">Darwin David Gen-2 누적 향상</div>
	</div>
	<div class="stat-cell">
	<div class="stat-num">85.0</div>
	<div class="stat-label">4.5B로 31B급 성능 (David)</div>
	</div>
	</div>

	<div class="achievement-grid reveal">
	<!-- GPQA Diamond -->
	<div>
	<div class="metric-block-title">GPQA Diamond · Global · 허깅페이스 공식</div>
	<div class="metric-headline">3<span class="unit">위</span></div>
	<div class="metric-desc">고난도 박사급 추론 벤치마크. 한국 스타트업이 두 모델을 동시에 상위권에 진입시킨 이례적 사례. Google Gemma-4-31B(13위 84.3점)을 앞선 성적.</div>
	<table class="data-table">
	<thead>
	<tr><th>Rank</th><th>Model</th><th>Score</th><th>Origin</th></tr>
	</thead>
	<tbody>
	<tr><td class="num">1</td><td>Qwen3.5-397B-A17B</td><td class="num">88.40</td><td class="text-tertiary text-mono">Alibaba</td></tr>
	<tr><td class="num">2</td><td>moonshotai/Kimi-K2.5</td><td class="num">87.60</td><td class="text-tertiary text-mono">Moonshot</td></tr>
	<tr class="us"><td class="num us-mark">3</td><td>VIDraft/Darwin-28B-Opus</td><td class="num">88.89</td><td class="us-mark">Darwin</td></tr>
	<tr><td class="num">4</td><td>Qwen3.5-122B-A10B</td><td class="num">86.60</td><td class="text-tertiary text-mono">Alibaba</td></tr>
	<tr><td class="num">5</td><td>zai-org/GLM-5.1</td><td class="num">86.20</td><td class="text-tertiary text-mono">Zhipu</td></tr>
	<tr class="us"><td class="num us-mark">8</td><td>FINAL-Bench/Darwin-31B-Opus</td><td class="num">85.90</td><td class="us-mark">Darwin</td></tr>
	<tr><td class="num">13</td><td>google/gemma-4-31B-it</td><td class="num">84.30</td><td class="text-tertiary text-mono">Google</td></tr>
	</tbody>
	</table>
	<div class="data-source">허깅페이스 공인 GPQA Diamond 리더보드 · 6~7위 / 9~12위 = 다른 회사 모델. 전체 리더보드: huggingface.co/datasets/Idavidrein/gpqa</div>
	</div>

	<!-- K-AI Leaderboard -->
	<div>
	<div class="metric-block-title">과기부·NIA 공인 K-AI 리더보드</div>
	<div class="metric-headline">75<span class="unit">%</span></div>
	<div class="metric-desc"><strong style="color:var(--accent-bright);">Top 8 中 Darwin 파생 6개 슬롯 점유</strong> — 2위·3위·4위·5위·7위·8위. 과학기술정보통신부 + 한국지능정보사회진흥원(NIA) 공인 운영. CLIcK · KMMLU-Pro · HLE(Ko) · MuSR(Ko) · Com2-main(ko) 6 평가 차원 종합.</div>
	<table class="data-table">
	<thead>
	<tr><th>Rank</th><th>Model</th><th>Score</th><th>Origin</th></tr>
	</thead>
	<tbody>
	<tr><td class="num">1</td><td>QuettaLLMs-27B-V3</td><td class="num">0.560</td><td class="text-tertiary text-mono">—</td></tr>
	<tr class="us"><td class="num us-mark">2</td><td>Rogue-27B-KR</td><td class="num">0.549</td><td class="us-mark">Darwin 파생</td></tr>
	<tr class="us"><td class="num us-mark">3</td><td>Darwin-derived (KR)</td><td class="num">0.5xx</td><td class="us-mark">Darwin 파생</td></tr>
	<tr class="us"><td class="num us-mark">4</td><td>AWAXIS-Think-28B</td><td class="num">0.530</td><td class="us-mark">Darwin 파생</td></tr>
	<tr class="us"><td class="num us-mark">5</td><td>TenOS-Ko-28B-v3</td><td class="num">0.527</td><td class="us-mark">Darwin 파생</td></tr>
	<tr><td class="num">6</td><td>(다른 회사)</td><td class="num">0.5xx</td><td class="text-tertiary text-mono">—</td></tr>
	<tr class="us"><td class="num us-mark">7</td><td>Darwin-derived (KR)</td><td class="num">0.5xx</td><td class="us-mark">Darwin 파생</td></tr>
	<tr class="us"><td class="num us-mark">8</td><td>Darwin-derived (KR)</td><td class="num">0.5xx</td><td class="us-mark">Darwin 파생</td></tr>
	</tbody>
	</table>
	<div class="data-source">leaderboard.aihub.or.kr · 과기부·NIA 공인 · Top 8 중 Darwin 파생 6개 슬롯 점유 (75%)</div>
	</div>
	</div>

	<div class="section-eyebrow reveal" style="margin-top:80px;">— Gen-2 Evolution</div>
	<h3 class="reveal" style="font-size:clamp(22px,2.5vw,30px);font-weight:600;letter-spacing:-0.025em;margin-bottom:8px;">소형 모델이 31B급 성능을 넘는다.</h3>
	<p class="reveal" style="font-size:15px;color:var(--text-secondary);max-width:720px;line-height:1.6;margin-bottom:32px;">Darwin-4B-David는 비드래프트가 공개한 <strong style="color:var(--accent-bright);">2세대 진화 모델</strong>. 4.5B 파라미터로 GPQA 85.0% 달성 — 누적 향상 +26.4%p로 31B급 모델 성능 초월. 체화 AI · 로봇 · 모바일 등 고성능 연산이 제한된 환경에서 Gen-2 진화의 가능성을 입증.</p>

	<div class="spec-grid reveal">
	<div class="spec-row">
	<div class="spec-key">Gen-1 Origin</div>
	<div class="spec-val">원조 소형 모델 · GPQA <span class="accent">58.6%</span></div>
	</div>
	<div class="spec-row">
	<div class="spec-key">Gen-1 Evolution</div>
	<div class="spec-val">효율 개선 + 성능 향상</div>
	</div>
	<div class="spec-row">
	<div class="spec-key">Gen-2 (David)</div>
	<div class="spec-val">Darwin-4B-David · GPQA <span class="accent">85.0%</span> · 누적 <span class="accent">+26.4%p</span> · 4.5B로 31B급 초월</div>
	</div>
	</div>

	<div class="section-eyebrow reveal" style="margin-top:80px;">— Family · HuggingFace Collection</div>
	<h3 class="reveal" style="font-size:clamp(22px,2.5vw,30px);font-weight:600;letter-spacing:-0.025em;margin-bottom:8px;">살아 있는 모델 생태계 — Darwin 공식 모델 약 20여종 · 5 modality.</h3>
	<p class="reveal" style="font-size:14px;color:var(--text-secondary);max-width:760px;line-height:1.6;margin-bottom:24px;">Darwin 공식 모델 <strong style="color:var(--accent-bright);">약 20여종</strong>이 자발적 커뮤니티 파생 <strong style="color:var(--accent-bright);">400+종</strong>으로 확장 — 시장이 자발적으로 검증하고 활용한다는 강력한 증거. <strong style="color:var(--accent-bright);">한국 기업 중 허깅페이스 커뮤니티 파급력 1위</strong>.</p>

	<!-- Collection Snapshot -->
	<div class="spec-grid reveal" style="margin-top:0;">
	<div class="spec-row">
	<div class="spec-key">공식 모델</div>
	<div class="spec-val"><strong style="color:var(--accent-bright);">약 20여종</strong> · <a href="https://huggingface.co/collections/FINAL-Bench/darwin-family" target="_blank" rel="noopener" style="color:var(--accent-bright);text-decoration:underline;">FINAL-Bench/darwin-family</a> 컬렉션</div>
	</div>
	<div class="spec-row">
	<div class="spec-key">사이즈 범위</div>
	<div class="spec-val">1.7B (TTS) ~ 36B (MoE Multimodal) · Edge AI부터 Flagship까지</div>
	</div>
	<div class="spec-row">
	<div class="spec-key">Modality</div>
	<div class="spec-val">Text Generation · <span class="accent">Image-Text-to-Text (Multimodal)</span> · <span class="accent">Text-to-Speech</span> · LoRA Adapter · GGUF Quantized</div>
	</div>
	<div class="spec-row">
	<div class="spec-key">Architecture</div>
	<div class="spec-val">Qwen3.5 Dense · Qwen3.5 MoE · Gemma-4 Dense · <span class="accent">Cross-Architecture (Transformer × Mamba)</span> · KR Specialty</div>
	</div>
	<div class="spec-row">
	<div class="spec-key">누적 다운로드</div>
	<div class="spec-val">공식 16,000+ · <strong>커뮤니티 양자화 포함 96,000+</strong> · bartowski / mradermacher / 21world 글로벌 재가공</div>
	</div>
	<div class="spec-row">
	<div class="spec-key">FINAL Bench 진입</div>
	<div class="spec-val">메타인지 리더보드 <strong>49 entries (11 모델 × 다양한 평가 설정)</strong> · 허깅페이스 공인 GPQA Diamond 글로벌 3위 + Top 21 5종 등재</div>
	</div>
	</div>

	<h3 class="reveal" style="margin-top:64px;font-size:clamp(20px,2.2vw,26px);font-weight:600;letter-spacing:-0.02em;margin-bottom:24px;">대표 라인업.</h3>
	<div class="platform-grid reveal">
	<a href="https://huggingface.co/FINAL-Bench/Darwin-35B-A3B-Opus" target="_blank" rel="noopener" class="platform-card">
	<div class="platform-id">FLAGSHIP · MoE · MULTIMODAL</div>
	<div class="platform-name">Darwin-35B-A3B-Opus</div>
	<div class="platform-desc">35B (MoE 활성 파라미터) / 36B Total · <strong>Mixture-of-Experts (MoE) 플래그십</strong>. <strong>Image-Text-to-Text 멀티모달</strong>. GPQA Diamond 90.0%. 2.3K+ 다운로드 컬렉션 최상위.</div>
	<div class="platform-link">FINAL-Bench / 35B MoE <span class="arrow">↗</span></div>
	</a>
	<a href="https://huggingface.co/FINAL-Bench/Darwin-4B-David" target="_blank" rel="noopener" class="platform-card">
	<div class="platform-id">GEN-2 · 진화 ⭐</div>
	<div class="platform-name">Darwin-4B-David</div>
	<div class="platform-desc">세계 최초 Gen-2 진화 공개 모델. 4.5B로 GPQA 85% 달성. 누적 +26.4%p로 31B급 초월. 체화 AI · 로봇 · 모바일 적합.</div>
	<div class="platform-link">Gen-0 → Gen-2 <span class="arrow">↗</span></div>
	</a>
	<a href="https://huggingface.co/FINAL-Bench/Darwin-4B-Genesis" target="_blank" rel="noopener" class="platform-card">
	<div class="platform-id">CROSS-ARCH · 첫 결과</div>
	<div class="platform-name">Darwin-4B-Genesis</div>
	<div class="platform-desc">세계 최초 공개된 <strong>Transformer × Mamba</strong> Cross-Architecture FFN-breeding 결과. Hybrid Vigor — CLIcK 92% (부모 90%/~50% 능가). 1K+ DL.</div>
	<div class="platform-link">Cross-Arch breeding <span class="arrow">↗</span></div>
	</a>
	<a href="https://huggingface.co/FINAL-Bench/Darwin-27B-Opus" target="_blank" rel="noopener" class="platform-card">
	<div class="platform-id">GLOBAL · GPQA #3</div>
	<div class="platform-name">Darwin-28B-Opus</div>
	<div class="platform-desc">GPQA Diamond 글로벌 3위 88.89%. 추가 학습 없이 수백억 파라미터 Fully Trained 모델 능가. Hugging Face 공인.</div>
	<div class="platform-link">28B / 글로벌 Top 진입 <span class="arrow">↗</span></div>
	</a>
	<a href="https://huggingface.co/FINAL-Bench/Darwin-TTS-1.7B-Cross" target="_blank" rel="noopener" class="platform-card">
	<div class="platform-id">SPEECH · TTS</div>
	<div class="platform-name">Darwin-TTS-1.7B-Cross</div>
	<div class="platform-desc">1.7B Text-to-Speech 모델. Cross-architecture 진화 방법론을 음성 합성으로 확장. Darwin Family가 LLM 외 modality로 진화하고 있음을 입증.</div>
	<div class="platform-link">Text-to-Speech <span class="arrow">↗</span></div>
	</a>
	<a href="https://huggingface.co/FINAL-Bench/Darwin-28B-KR-Legal" target="_blank" rel="noopener" class="platform-card">
	<div class="platform-id">DOMAIN · KR LEGAL</div>
	<div class="platform-name">Darwin-28B-KR-Legal</div>
	<div class="platform-desc">법률 도메인 SFT 27B BF16. B200 로딩 9.7s · 안정 TPS 22.3 tok/s. <strong>LegalFlow 백본</strong> — 환각 제거 multi-agent 시스템 운영 중.</div>
	<div class="platform-link">LegalFlow 백본 <span class="arrow">↗</span></div>
	</a>
	</div>
	<p class="reveal" style="margin-top:24px;font-size:13px;color:var(--text-tertiary);max-width:760px;letter-spacing:-0.005em;">전체 약 20여종 컬렉션 → <a href="https://huggingface.co/collections/FINAL-Bench/darwin-family" target="_blank" rel="noopener" style="color:var(--accent-bright);text-decoration:underline;">huggingface.co/collections/FINAL-Bench/darwin-family</a> · 데모 Spaces 운영 (Darwin-35B-A3B / 9B-Opus / 31B-Opus 인터랙티브)</p>

	<div class="section-eyebrow reveal" style="margin-top:80px;">— Productized</div>
	<h3 class="reveal" style="font-size:clamp(22px,2.5vw,30px);font-weight:600;letter-spacing:-0.025em;margin-bottom:8px;">한수(韓守) — 데이터 주권 AI.</h3>
	<p class="reveal" style="font-size:15px;color:var(--text-secondary);max-width:720px;line-height:1.6;margin-bottom:32px;">Darwin Family가 실제 소비자·기업용 제품으로 결실 맺은 첫 사례. <strong style="color:var(--accent-bright);">2026.04.19 공개</strong>. 브라우저 기반 완전 로컬 AI — HWP·DOCX·PPT·XLSX·PDF 처리, 데이터 외부 전송 없음. 무료 + MIT 라이선스. 공개 직후 아시아경제·IT조선·서울신문 보도, 신규 B2B 문의 가속.</p>
	<div class="spec-grid reveal">
	<div class="spec-row">
	<div class="spec-key">출시</div>
	<div class="spec-val">2026.04.19 · GitHub + HuggingFace 공개</div>
	</div>
	<div class="spec-row">
	<div class="spec-key">제품 형태</div>
	<div class="spec-val">브라우저 로컬 AI · 인터넷 없이도 동작 · 데이터 외부 전송 0</div>
	</div>
	<div class="spec-row">
	<div class="spec-key">대응 문서</div>
	<div class="spec-val">HWP · DOCX · PPT · XLSX · PDF</div>
	</div>
	<div class="spec-row">
	<div class="spec-key">라이선스</div>
	<div class="spec-val">무료 + <span class="accent">MIT</span> · 오피스 기능 소스코드 전면 공개</div>
	</div>
	<div class="spec-row">
	<div class="spec-key">엔터프라이즈 옵션</div>
	<div class="spec-val">Jetson 기반 온프레미스 · 엣지 디바이스 구축 · 내부망 격리·해외 출장 환경 동작</div>
	</div>
	</div>

	<div class="section-eyebrow reveal" style="margin-top:80px;">— Patent Applications · 3 Filings · KR Priority + PCT</div>
	<h3 class="reveal" style="font-size:clamp(22px,2.5vw,30px);font-weight:600;letter-spacing:-0.025em;margin-bottom:8px;">Darwin 진화형 모델 — 출원 3종.</h3>
	<p class="reveal" style="font-size:14px;color:var(--text-secondary);max-width:720px;line-height:1.6;margin-bottom:0;">대한민국 특허청(KIPO) 우선출원 + 12개월 내 PCT 진입 예정. Darwin 진화형 신경망 병합·교배·세대 진화 핵심 IP 보호.</p>
	<div class="patent-list reveal">
	<div class="patent-row">
	<div class="pid">1ST · MRI</div>
	<div class="ptitle">
	<div class="ko">모델 층 응답 중요도(MRI) 기반 적응형 신뢰도 메타학습을 활용한 신경망 파라미터 병합 시스템 및 방법</div>
	<div class="en">System and Method for Neural Network Parameter Merging using Adaptive Trust Meta-Learning based on Model-layer Response Importance (MRI)</div>
	</div>
	</div>
	<div class="patent-row">
	<div class="pid">2ND · CrossArch</div>
	<div class="ptitle">
	<div class="ko">호환성 평가 기반 이기종 신경망 모델 교배 방법</div>
	<div class="en">Compatibility-Based Crossbreeding Method for Heterogeneous Neural Network Models</div>
	</div>
	</div>
	<div class="patent-row">
	<div class="pid">3RD · RecursiveEvo</div>
	<div class="ptitle">
	<div class="ko">진화적 신경망 병합에서의 재귀적 세대 간 유전 및 프록시-벤치마크 2단계 탐색 방법</div>
	<div class="en">Method for Recursive Generational Inheritance and Two-Phase Proxy-Benchmark Search in Evolutionary Neural Network Merging</div>
	</div>
	</div>
	</div>
	</div>
	</section>

	<!-- ====== 03 — AETHER ====== -->
	<section id="aether" class="section">
	<div class="container">
	<div class="section-eyebrow reveal">03 — AETHER</div>
	<h2 class="section-title reveal">단일 어텐션 시대의 종말.<br>5/7/11종 Hybrid 시대 개막.</h2>
	<p class="section-lead reveal">
	<strong style="color:var(--accent-bright);">A·E·T·H·E·R</strong> = <em style="font-style:normal;">Adaptive Multi-way Triple-symmetric Hybrid attEntion Routing</em>. 비드래프트가 독창적으로 설계한 LLM 아키텍처 — <strong style="color:var(--text-primary);">5종·7종·11종 어텐션을 단일 모델에 통합한 세계 최초의 라우팅 구조</strong>. 조합론(Combinatorics)을 어텐션 라우팅에 응용. 한국 우선출원 + PCT 진입 — 청구항 합계 186개.
	</p>

	<!-- WORLD FIRST 배너 (5/7/11 통합 강조) -->
	<div class="world-first reveal">
	<div class="wf-mark">
	<span class="wf-tag-en">World First</span>
	<span class="wf-tag-ko">세계 최초</span>
	</div>
	<div class="wf-content">
	<div class="wf-headline">
	<span class="wf-num">5</span><span class="wf-sep">·</span><span class="wf-num">7</span><span class="wf-sep">·</span><span class="wf-num">11</span><span class="wf-suffix">종 이종 어텐션</span>
	</div>
	<div class="wf-label">하나의 LLM 아키텍처로 통합.</div>
	<p class="wf-text">
	비드래프트는 <strong>5종 · 7종 · 11종 이종 어텐션</strong>을 단일 LLM 아키텍처에 통합한 <strong>세계 최초의 회사</strong>입니다.
	n×n <strong>Latin Square Hybrid Attention</strong> 격자로 각 어텐션이 정확히 n번씩 cyclic shift 되어 — <strong>Aether-14B-5Attn</strong> (5×5 라틴 방진, 25 layer), <strong>Aether-1B-7Attn</strong> (7×7 라틴 방진, 49 layer), <strong>Aether-30B-11Attn</strong> (11×11 라틴 방진, 121 layer) 3종 동시 학습 운영. 단일/이중 어텐션 모델이 도달할 수 없는 정보 routing 표현력 (n³ Triple Symmetry).
	</p>
	</div>
	</div>

	<div class="section-eyebrow reveal" style="margin-top:24px;">— Aether 3종 모델 동시 학습 운영</div>
	<h3 class="reveal" style="font-size:clamp(22px,2.5vw,30px);font-weight:600;letter-spacing:-0.025em;margin-bottom:32px;">단계적 검증 — 5/7/11 어텐션 각각 동시 학습.</h3>
	<div class="platform-grid reveal">
	<div class="platform-card">
	<div class="platform-id">STAGE 1 · ✓ 검증 완료</div>
	<div class="platform-name">Aether-14B-5Attn</div>
	<div class="platform-desc"><strong style="color:var(--accent-bright);">5×5 라틴 방진 · 25 layer · 14.09B Total / ~5B Active (Top-5 expert)</strong>. 5종 어텐션. Triple Symmetry 5³ = <strong>125</strong> routing patterns. <strong>운영 검증 완료</strong>.</div>
	<div class="platform-link">Aether-14B 운영 중 <span class="arrow">↗</span></div>
	</div>
	<div class="platform-card">
	<div class="platform-id">STAGE 2 · 학습 진행 중</div>
	<div class="platform-name">Aether-1B-7Attn</div>
	<div class="platform-desc"><strong style="color:var(--accent-bright);">7×7 라틴 방진 · 49 layer · 6.3B Total / ~1.4B Active</strong>. 7종 어텐션. Triple Symmetry 7³ = <strong>343</strong> routing patterns. <strong>소형 검증 학습 중</strong>.</div>
	<div class="platform-link">Aether-1B 학습 중 <span class="arrow">↗</span></div>
	</div>
	<div class="platform-card">
	<div class="platform-id">STAGE 3 · 학습 진행 중 ⭐</div>
	<div class="platform-name">Aether-30B-11Attn</div>
	<div class="platform-desc"><strong style="color:var(--accent-bright);">11×11 라틴 방진 · 121 layer · 31B Total / ~10.7B Active</strong>. 11종 어텐션. Triple Symmetry 11³ = <strong>1,331</strong> routing patterns. 추론 비용 Llama-3-70B급. <strong>세계 최초 11종 어텐션 통합</strong>.</div>
	<div class="platform-link">Aether-30B · 세계 최초 11종 <span class="arrow">↗</span></div>
	</div>
	</div>
	<p class="reveal" style="margin-top:32px;font-size:14px;color:var(--text-tertiary);max-width:760px;letter-spacing:-0.005em;">5 → 7 → 11 어텐션 진화 · <strong style="color:var(--text-secondary);">소수 시리즈(Prime number progression)</strong>. n³ Triple Symmetry로 단순 layer 증가 대비 표현력 효율 압도.</p>

	<!-- Triple Symmetry 정의 박스 [H-2] -->
	<div class="reveal" style="margin-top:32px;padding:24px 28px;border:1px solid var(--accent-line);background:linear-gradient(135deg,var(--bg-card) 0%,rgba(139,92,246,0.06) 100%);">
	<div style="font-family:'JetBrains Mono','Inter',monospace;font-size:11px;font-weight:600;color:var(--accent-bright);letter-spacing:0.14em;text-transform:uppercase;margin-bottom:10px;">DEFINITION · Triple Symmetry</div>
	<div style="font-size:14.5px;color:var(--text-primary);line-height:1.6;letter-spacing:-0.005em;">
	<strong>(어텐션 종류) × (FFN phase) × (MoE expert)</strong> 3축 대칭 라우팅. n × n × n 공간으로 단일 어텐션 대비 표현력 <strong style="color:var(--accent-bright);">n³배 확장</strong>.
	</div>
	</div>

	<div class="section-eyebrow reveal" style="margin-top:80px;">— 11종 어텐션 Ensemble · 4 능력 차원</div>
	<h3 class="reveal" style="font-size:clamp(22px,2.5vw,30px);font-weight:600;letter-spacing:-0.025em;margin-bottom:8px;">한 종 약점을 다음 종이 보완.</h3>
	<p class="reveal" style="font-size:15px;color:var(--text-secondary);max-width:720px;line-height:1.6;margin-bottom:8px;">각 어텐션의 inductive bias가 달라 단일 어텐션 한계 돌파. Cyclic shift = 모든 layer가 다른 부품 조합.</p>
	<div class="att-grid reveal">
	<div class="att-cell new"><div class="att-name">NSA ⭐</div><div class="att-cite">DeepSeek arXiv:2502.11089 · ACL'25 Best</div></div>
	<div class="att-cell new"><div class="att-name">Differential ⭐</div><div class="att-cite">Microsoft arXiv:2410.05258 · ICLR'25</div></div>
	<div class="att-cell"><div class="att-name">Full</div><div class="att-cite">Vaswani · NeurIPS 2017</div></div>
	<div class="att-cell"><div class="att-name">MLA</div><div class="att-cite">DeepSeek-V2 · 2024</div></div>
	<div class="att-cell"><div class="att-name">Slide</div><div class="att-cite">Longformer · 2020</div></div>
	<div class="att-cell"><div class="att-name">Compress</div><div class="att-cite">Sequence Compression</div></div>
	<div class="att-cell"><div class="att-name">Hybrid</div><div class="att-cite">Adaptive Gate</div></div>
	<div class="att-cell"><div class="att-name">Linear</div><div class="att-cite">Katharopoulos · ICML 2020</div></div>
	<div class="att-cell"><div class="att-name">Mamba2</div><div class="att-cite">Gu & Dao · 2024</div></div>
	<div class="att-cell"><div class="att-name">GDN</div><div class="att-cite">Gated Delta Network</div></div>
	<div class="att-cell"><div class="att-name">Hyena</div><div class="att-cite">Poli · ICML 2023</div></div>
	</div>

	<div class="section-eyebrow reveal" style="margin-top:80px;">— 5대 기둥 · AGI Design Principles</div>
	<h3 class="reveal" style="font-size:clamp(22px,2.5vw,30px);font-weight:600;letter-spacing:-0.025em;margin-bottom:32px;">아키텍처 위에 서는 5가지 능력.</h3>
	<div class="pillar5-grid reveal">
	<div class="pillar5">
	<div class="pillar5-num">PILLAR 01</div>
	<div class="pillar5-name">창발성</div>
	<div class="pillar5-en">Emergence Engine</div>
	<div class="pillar5-desc">개별 모듈 합 이상 — 전체로서 새 지능이 발현되는 설계. 9개 전문 창발 엔진 내장. MARL 미들웨어가 런타임 주입.</div>
	</div>
	<div class="pillar5">
	<div class="pillar5-num">PILLAR 02</div>
	<div class="pillar5-name">메타인지</div>
	<div class="pillar5-en">Metacognition · TICOS</div>
	<div class="pillar5-desc">8유형 — 불확실성·한계·오류·교정·근거·일관성·신뢰도·선택적 거부. FINAL Bench가 세계 최초 정량 측정 (HF Global #5).</div>
	</div>
	<div class="pillar5">
	<div class="pillar5-num">PILLAR 03</div>
	<div class="pillar5-name">자가진화 영구학습</div>
	<div class="pillar5-en">Self-Learning · SLAI</div>
	<div class="pillar5-desc">한 번 학습하고 멈추는 것이 아니라, 사용 경험을 통해 지속적으로 스스로를 개선. 폐쇄 루프 학습.</div>
	</div>
	<div class="pillar5">
	<div class="pillar5-num">PILLAR 04</div>
	<div class="pillar5-name">다중지능 협업</div>
	<div class="pillar5-en">Swarm · SOMA / MOUSE</div>
	<div class="pillar5-desc">단일 거대 모델 대신 전문 역할을 가진 복수 모듈의 협업 구조. MOUSE MAU 150만 운영 검증.</div>
	</div>
	<div class="pillar5">
	<div class="pillar5-num">PILLAR 05</div>
	<div class="pillar5-name">상생·상극</div>
	<div class="pillar5-en">Synergy & Antagonism</div>
	<div class="pillar5-desc">구성 요소들이 강화(상생)하면서도 상호 견제(상극) — 편향과 환각을 구조적으로 억제.</div>
	</div>
	</div>

	<div class="section-eyebrow reveal" style="margin-top:80px;">— Roadmap · 7단계 점진 확장</div>
	<h3 class="reveal" style="font-size:clamp(22px,2.5vw,30px);font-weight:600;letter-spacing:-0.025em;margin-bottom:8px;">7단계 검증 — 실패 시 회귀 가능. 단계마다 운영 검증으로 점진적 확장.</h3>
	<p class="reveal" style="font-size:14px;color:var(--text-secondary);max-width:760px;line-height:1.6;margin-bottom:32px;">소형 PoC → 대형 인프라 검증 → 본 학습 → Frontier 도전 → 학술 발표. 각 단계가 다음 단계의 운영 안전성을 보장.</p>
	<div class="spec-grid reveal">
	<div class="spec-row">
	<div class="spec-key">Stage 1</div>
	<div class="spec-val"><strong>검증 완료 ✓</strong> · Aether-14B-5Attn 운영 중 (5×5 라틴 방진, 25 layer)</div>
	</div>
	<div class="spec-row">
	<div class="spec-key">Stage 2</div>
	<div class="spec-val"><strong>PoC 학습 중</strong> · Aether-1B-7Attn 소형 검증 (7×7 라틴 방진, 49 layer)</div>
	</div>
	<div class="spec-row">
	<div class="spec-key">Stage 3 ⭐</div>
	<div class="spec-val"><strong>인프라 검증 중</strong> · Aether-30B-11Attn 대형 인프라 안정성 확인 (11×11 라틴 방진, 121 layer)</div>
	</div>
	<div class="spec-row">
	<div class="spec-key">Stage 4</div>
	<div class="spec-val"><strong>본 학습 예정</strong> · Aether-30B-7Attn 7-Attn 본격 스케일업</div>
	</div>
	<div class="spec-row">
	<div class="spec-key">Stage 5</div>
	<div class="spec-val"><strong>차기 도전 (Q3)</strong> · Aether-70B-11Attn Sweet spot 진입</div>
	</div>
	<div class="spec-row">
	<div class="spec-key">Stage 6 ⭐</div>
	<div class="spec-val"><strong>Frontier 카테고리 도전 (Q4)</strong> · Aether-150B-11Attn · <span class="accent">정량 목표: KMMLU 75-85% / GPQA 75-85% / Needle 95%+</span></div>
	</div>
	<div class="spec-row">
	<div class="spec-key">Stage 7</div>
	<div class="spec-val"><strong>차년도 학술 발표</strong> · Aether-300B-13Attn (13×13 = 169 layer)</div>
	</div>
	</div>
	<p class="reveal" style="margin-top:32px;font-size:13px;color:var(--text-tertiary);max-width:760px;line-height:1.6;letter-spacing:-0.005em;">학술 발표명 — <em style="font-style:normal;color:var(--text-secondary);">"AETHER: Multi-Way Latin Square Hybrid Attention with Triple Symmetric Routing for Sovereign Foundation Models"</em>. ICLR 2027 / NeurIPS 2026 표제 후보. 1년차 인용 잠재력 추정 500~1,000 (vs Mamba 1,200 · Mixtral 800 · DeepSeek-V3 600).</p>

	<div class="section-eyebrow reveal" style="margin-top:80px;">— Patent Applications · 8 Filings · KR Priority + PCT</div>
	<h3 class="reveal" style="font-size:clamp(22px,2.5vw,30px);font-weight:600;letter-spacing:-0.025em;margin-bottom:8px;">AETHER Pre-AGI 아키텍처 — 출원 8종.</h3>
	<p class="reveal" style="font-size:14px;color:var(--text-secondary);max-width:760px;line-height:1.6;margin-bottom:0;">청구항 합계 186개. 1차 batch (P1·P2·P6·P8) — 제품 형태 보호. 2차 batch (P0·P3'·P4·P7) — 제품 운영 인프라 보호. 대한민국 KIPO 우선출원, 12개월 후 PCT 진입.</p>
	<div class="patent-list reveal">
	<div class="patent-row">
	<div class="pid">P1 · 1차</div>
	<div class="ptitle">
	<div class="ko">라틴 방진 기반 하이브리드 멀티-타입 어텐션 스택 및 이를 포함하는 신경망 모델</div>
	<div class="en">Latin Square-based Hybrid Multi-Type Attention Stack and Neural Network Model Including the Same</div>
	</div>
	</div>
	<div class="patent-row">
	<div class="pid">P2 · 1차</div>
	<div class="ptitle">
	<div class="ko">멀티-타입 어텐션 스택의 인과 안전성 자동 검증 방법 및 장치</div>
	<div class="en">Automatic Causal Safety Verification Method and Apparatus for Multi-Type Attention Stack</div>
	</div>
	</div>
	<div class="patent-row">
	<div class="pid">P6 · 1차</div>
	<div class="ptitle">
	<div class="ko">이중-극성 순환 라우팅 및 메타인지 헤드를 포함하는 창발 추론 신경망 모델</div>
	<div class="en">Dual-Polarity Cyclic Routing with Metacognitive Head for Emergent Reasoning Neural Network Model</div>
	</div>
	</div>
	<div class="patent-row">
	<div class="pid">P8 · 1차</div>
	<div class="ptitle">
	<div class="ko">단일 시그모이드 게이트 컨벡스 결합에 의한 하이브리드 어텐션 퓨전 방법</div>
	<div class="en">Hybrid Attention Fusion Method by Single Sigmoid Gate Convex Combination</div>
	</div>
	</div>
	<div class="patent-row">
	<div class="pid">P0 · 2차</div>
	<div class="ptitle">
	<div class="ko">소수 차수 순환 그룹 기반 모델 가중치 웜 트랜스퍼 방법</div>
	<div class="en">Prime-Order Cyclic Group-Based Model Weight Warm Transfer Method</div>
	</div>
	</div>
	<div class="patent-row">
	<div class="pid">P3' · 2차</div>
	<div class="ptitle">
	<div class="ko">어텐션 타입 단위 그래디언트 클리핑 방법 및 장치</div>
	<div class="en">Per-Attention-Type Gradient Clipping Method and Apparatus</div>
	</div>
	</div>
	<div class="patent-row">
	<div class="pid">P4 · 2차</div>
	<div class="ptitle">
	<div class="ko">소수 기반 Mixture-of-Experts 라우팅 구조 및 동작 방법</div>
	<div class="en">Prime-Number-Based Mixture-of-Experts Routing Structure and Operating Method</div>
	</div>
	</div>
	<div class="patent-row">
	<div class="pid">P7 · 2차</div>
	<div class="ptitle">
	<div class="ko">신경망 모델의 인과 안전성 검증 자동화 CI/CD 파이프라인 도구</div>
	<div class="en">Automated CI/CD Pipeline Tool for Causal Safety Verification of Neural Network Models</div>
	</div>
	</div>
	</div>
	</div>
	</section>

	<!-- ====== 04 — PROOF ====== -->
	<section id="proof" class="section">
	<div class="container">
	<div class="section-eyebrow reveal">04 — Proof</div>
	<h2 class="section-title reveal">벤치마크. 논문. 특허.</h2>
	<p class="section-lead reveal">
	성과는 측정·기록·보호되어야 합니다. 우리가 만든 벤치마크 위에 우리가 점령한 점수, 우리가 쓴 논문, 우리가 출원한 특허로.
	</p>

	<div class="proof-grid reveal">
	<!-- Benchmarks -->
	<div class="proof-col">
	<h4>Benchmarks</h4>
	<ul class="proof-list">
	<li class="proof-item">
	<span class="name">WM Bench<span class="badge">통과 유일</span></span>
	<span class="meta">PROMETHEUS v1.0 — <strong>WM Bench Track C 통과 유일 모델</strong> (726점, B등급, 47 FPS 실시간 3D). T4 GPU 브라우저 직접 체험.</span>
	</li>
	<li class="proof-item">
	<span class="name">FINAL Bench<span class="badge">HF GLOBAL #5 · SSRN</span></span>
	<span class="meta">메타인지 측정 세계 최초. 100 과제 × 15 도메인 × 8 TICOS × 3 난이도. MA-ER Gap 0.392 발견. SSRN 프리프린트 공개 — 주요 국제 학술대회 심사 중.</span>
	<span class="meta" style="margin-top:6px;font-size:11.5px;">
	▸ <a href="https://papers.ssrn.com/sol3/papers.cfm?abstract_id=6280258" target="_blank" rel="noopener" style="color:var(--accent-bright);text-decoration:underline;">SSRN Preprint</a>
	· <a href="https://huggingface.co/spaces/FINAL-Bench/Leaderboard" target="_blank" rel="noopener" style="color:var(--accent-bright);text-decoration:underline;">Live Leaderboard</a> (49♥)
	· <a href="https://huggingface.co/datasets/FINAL-Bench/Metacognitive" target="_blank" rel="noopener" style="color:var(--accent-bright);text-decoration:underline;">Dataset</a> (1,059 DL · 88♥)
	</span>
	</li>
	<li class="proof-item">
	<span class="name">GPQA Diamond<span class="badge">글로벌 3위</span></span>
	<span class="meta"><strong>허깅페이스 공인 GPQA Diamond 글로벌 3위</strong> (Darwin-28B-Opus 88.89%) · Top 21 内 Darwin 5종 진입 (28B-Opus 88.89 / 36B-Opus 88.4 / 27B-Opus 86.9 / 31B-Opus 85.9 / 9B-NEG 84.34). 비-중국 단일 한국 회사.</span>
	</li>
	<li class="proof-item">
	<span class="name">K-AI Leaderboard<span class="badge">TOP 8 · 75%</span></span>
	<span class="meta"><strong>과기부·NIA 공인 K-AI 리더보드 Top 8 中 Darwin 파생 6개 슬롯 점유 (75%)</strong> — 2/3/4/5/7/8위. KMMLU-Pro · CLIcK · HLE · MuSR · Com2 6 차원.</span>
	</li>
	</ul>
	</div>

	<!-- Papers (academic + middleware) -->
	<div class="proof-col">
	<h4>Papers · Submitted</h4>
	<ul class="proof-list">
	<li class="proof-item">
	<span class="name">FINAL Bench<span class="badge">HF #5 · SSRN</span></span>
	<span class="meta" style="font-style:italic;font-size:11.5px;">FINAL Bench: Measuring Functional Metacognitive Reasoning in Large Language Models</span>
	<span class="meta">세계 최초 AI 메타인지 정량 측정 — 100과제 × 15도메인 × 8 TICOS × 3난이도. HuggingFace 데이터셋 글로벌 5위. MetaCog scaffold 적용 시 평균 <strong style="color:var(--accent-bright);">+14.05점</strong> — 그 중 94.8%가 Error Recovery 단일 축 기여. MA-ER Gap 0.392 세계 최초 정량 발견. 현재 주요 국제 AI 학술대회 심사 중.</span>
	<span class="meta" style="margin-top:6px;font-size:11.5px;">
	▸ <a href="https://papers.ssrn.com/sol3/papers.cfm?abstract_id=6280258" target="_blank" rel="noopener" style="color:var(--accent-bright);text-decoration:underline;">SSRN Preprint</a>
	· <a href="https://huggingface.co/spaces/FINAL-Bench/Leaderboard" target="_blank" rel="noopener" style="color:var(--accent-bright);text-decoration:underline;">Live Leaderboard</a>
	· <a href="https://huggingface.co/datasets/FINAL-Bench/Metacognitive" target="_blank" rel="noopener" style="color:var(--accent-bright);text-decoration:underline;">Open Dataset</a>
	</span>
	</li>
	<li class="proof-item">
	<span class="name">Darwin Family<span class="badge">arXiv 2605.14386 공개</span></span>
	<span class="meta" style="font-style:italic;font-size:11.5px;">Darwin Family: MRI-Trust-Weighted Evolutionary Merging for Training-Free Scaling of Language-Model Reasoning</span>
	<span class="meta">추가 학습 없이 수백억 파라미터 Fully Trained 모델 능가. <strong style="color:var(--accent-bright);">허깅페이스 공인 GPQA Diamond 글로벌 3위</strong> (Darwin-28B-Opus 88.89%) · K-AI 리더보드 2·3·4·5·7·8위 동시 장악. 공개 45일 만에 누적 <strong style="color:var(--accent-bright);">30만+ 다운로드 · 파생 모델 약 500종</strong>. 핵심 기술 특허 3건 KIPO 출원 · PCT 준비.</span>
	<span class="meta" style="margin-top:6px;font-size:11.5px;">
	▸ <a href="https://huggingface.co/papers/2605.14386" target="_blank" rel="noopener" style="color:var(--accent-bright);text-decoration:underline;">HF Papers (arXiv 2605.14386)</a>
	· <a href="https://huggingface.co/VIDraft" target="_blank" rel="noopener" style="color:var(--accent-bright);text-decoration:underline;">VIDraft on HuggingFace</a>
	</span>
	</li>
	<li class="proof-item">
	<span class="name">PROMETHEUS<span class="badge">WM 통과 유일</span></span>
	<span class="meta">월드 모델 v1.0. 263관절 스켈레톤. <strong>WM Bench Track C 통과 유일 모델</strong> (726점, B등급, 47 FPS 실시간 3D).</span>
	</li>
	<li class="proof-item">
	<span class="name">MARL<span class="badge">RUNTIME</span></span>
	<span class="meta">Model-Agnostic Runtime Middleware for LLMs. 코드 한 줄로 GPT/Claude/Gemini 환각 70%+ 감소.</span>
	</li>
	</ul>
	</div>

	<!-- Patents — 11 filings (Darwin 3 + AETHER 8) -->
	<div class="proof-col">
	<h4>Patents · 11 Filings</h4>
	<ul class="proof-list">
	<li class="proof-item">
	<span class="name">Darwin · 진화형<span class="badge">3종</span></span>
	<span class="meta">MRI 메타학습 / 호환성 평가 이기종 교배 / 재귀적 세대 진화 — 3종 KIPO 출원 + PCT 12M 진입 예정.</span>
	</li>
	<li class="proof-item">
	<span class="name">AETHER · Pre-AGI<span class="badge">8종</span></span>
	<span class="meta">라틴 방진 / 인과 안전성 / 메타인지 헤드 / Hybrid Fusion / Cyclic Warm Transfer / Per-Attention 클리핑 / Prime MoE / CI/CD — 청구항 합계 186개.</span>
	</li>
	<li class="proof-item">
	<span class="name">합계<span class="badge">11종</span></span>
	<span class="meta">한국 우선출원 → PCT 진입 → 미국·유럽·일본·중국 4개 메이저 시장 단계적 보호. <strong style="color:var(--accent-bright);">5/7/11종 이종 어텐션 통합 — 세계 최초 IP 보호</strong>.</span>
	</li>
	<li class="proof-item">
	<span class="name">청구항 합계<span class="badge">186개</span></span>
	<span class="meta">Darwin 진화형 3종 + AETHER Pre-AGI 8종, 청구항 합계 186개. 구조 특허 + 학습 효율 특허 + 메타인지 특허 + Hybrid 어텐션 특허 + 검증 자동화 특허 등 다층 보호.</span>
	</li>
	</ul>
	</div>
	</div>
	</div>
	</section>

	<!-- ====== 05 — APPLICATIONS ====== -->
	<section id="apps" class="section">
	<div class="container">
	<div class="section-eyebrow reveal">05 — Applications</div>
	<h2 class="section-title reveal">증명은 사용에서 옵니다.</h2>
	<p class="section-lead reveal">
	9개의 라이브 서비스. 모두 Darwin + AETHER 백본 위에서 동작합니다. 화면이 아니라 실행 가능한 시스템 — 정부 시뮬레이션, 신약 발견, 법률 환각 제거, 코드 에이전트.
	</p>

	<div class="demo-categories reveal">
	<div class="demo-category">
	<div class="demo-cat-title">AI 인공사회 · 정책</div>
	<ul class="demo-list">
	<li><a id="demo-nationalos" href="https://vidraft-nationalos.hf.space/live3d.html" target="_blank" rel="noopener" class="demo-item">
	<span class="demo-name">NationalOS — Korea (576K NPC)</span>
	<span class="demo-arrow">↗</span>
	</a></li>
	<li><a href="https://vidraft-nationalos-usa.hf.space/live3d.html" target="_blank" rel="noopener" class="demo-item">
	<span class="demo-name">NationalOS — USA</span>
	<span class="demo-arrow">↗</span>
	</a></li>
	</ul>
	</div>

	<div class="demo-category">
	<div class="demo-cat-title">신약 · 식품 · 화학</div>
	<ul class="demo-list">
	<li><a id="demo-pharmaos" href="https://VIDraft-PharmaOS.hf.space/pharmaos/" target="_blank" rel="noopener" class="demo-item">
	<span class="demo-name">PharmaOS — 자율 신약 (14 적응증)</span>
	<span class="demo-arrow">↗</span>
	</a></li>
	<li><a id="demo-nutrios" href="https://VIDraft-NutriOS.hf.space/nutrios/" target="_blank" rel="noopener" class="demo-item">
	<span class="demo-name">NutriOS — 건강기능식품</span>
	<span class="demo-arrow">↗</span>
	</a></li>
	</ul>
	</div>

	<div class="demo-category">
	<div class="demo-cat-title">도메인 AI</div>
	<ul class="demo-list">
	<li><a href="https://vidraft-legalflow.hf.space/" target="_blank" rel="noopener" class="demo-item">
	<span class="demo-name">LegalFlow — 법률 환각 제거 v1.5</span>
	<span class="demo-arrow">↗</span>
	</a></li>
	<li><a id="demo-mouse" href="https://VIDraft-NationalOS.hf.space" target="_blank" rel="noopener" class="demo-item">
	<span class="demo-name">MOUSE — 코드 에이전트 (MAU 150만)</span>
	<span class="demo-arrow">↗</span>
	</a></li>
	</ul>
	</div>

	<div class="demo-category">
	<div class="demo-cat-title">연구 도구</div>
	<ul class="demo-list">
	<li><a href="http://211.233.58.201:7901" target="_blank" rel="noopener" class="demo-item">
	<span class="demo-name">논문 자동 생성 · 강화</span>
	<span class="demo-arrow">↗</span>
	</a></li>
	<li><a href="http://211.233.58.201:7902" target="_blank" rel="noopener" class="demo-item">
	<span class="demo-name">LLM 시각화 연구</span>
	<span class="demo-arrow">↗</span>
	</a></li>
	</ul>
	</div>

	<div class="demo-category">
	<div class="demo-cat-title">Live Darwin 모델 — 직접 체험</div>
	<ul class="demo-list">
	<li><a href="https://huggingface.co/spaces/FINAL-Bench/Darwin-35B-A3B-Opus" target="_blank" rel="noopener" class="demo-item">
	<span class="demo-name">Darwin-35B-A3B-Opus · MoE 멀티모달 플래그십</span>
	<span class="demo-arrow">↗</span>
	</a></li>
	<li><a href="https://huggingface.co/spaces/FINAL-Bench/Darwin-4B-david" target="_blank" rel="noopener" class="demo-item">
	<span class="demo-name">Darwin-4B-David · Gen-2 진화</span>
	<span class="demo-arrow">↗</span>
	</a></li>
	<li><a href="https://huggingface.co/spaces/FINAL-Bench/Darwin-31B-Opus" target="_blank" rel="noopener" class="demo-item">
	<span class="demo-name">Darwin-31B-Opus · GPQA #8</span>
	<span class="demo-arrow">↗</span>
	</a></li>
	<li><a href="https://huggingface.co/spaces/FINAL-Bench/Darwin-9B-Opus" target="_blank" rel="noopener" class="demo-item">
	<span class="demo-name">Darwin-9B-Opus · 9B 추론</span>
	<span class="demo-arrow">↗</span>
	</a></li>
	<li><a href="https://huggingface.co/spaces/FINAL-Bench/Darwin-4B-Opus" target="_blank" rel="noopener" class="demo-item">
	<span class="demo-name">Darwin-4B-Opus · Gen-1 4B</span>
	<span class="demo-arrow">↗</span>
	</a></li>
	<li><a href="https://huggingface.co/spaces/FINAL-Bench/Darwin-TTS-1.7B-Cross" target="_blank" rel="noopener" class="demo-item">
	<span class="demo-name">Darwin-TTS-1.7B-Cross · 음성 합성</span>
	<span class="demo-arrow">↗</span>
	</a></li>
	</ul>
	</div>
	</div>
	</div>
	</section>

	<!-- ====== 06 — PRESS ====== -->
	<section id="press" class="section">
	<div class="container">
	<div class="section-eyebrow reveal">06 — Press</div>
	<h2 class="section-title reveal">외부에서 추적하는 회사.</h2>
	<p class="section-lead reveal">
	GPU 학습 없이 AI 세계 3위. 45일 만에 294,000 다운로드 · 파생 모델 약 500종. 디지털타임스 · IT조선 · 매일경제 · 아시아경제 · 서울신문 · HuggingFace Blog · 일본 · 중국 — 비드래프트는 외부 미디어가 추적하는 회사입니다.
	</p>

	<!-- 인포그래픽 배너 -->
	<div class="darwin-infographic-banner reveal">
	<img src="https://vidraft-ai.static.hf.space/darwin-family-infographic.png"
	alt="Darwin Family 인포그래픽 — GPQA Diamond 글로벌 3위, 294,000 다운로드, 473종 파생 모델"
	loading="lazy">
	<div class="darwin-infographic-caption">
	<span>Darwin Family · VIDraft Inc. · 2026.05</span>
	<a href="https://huggingface.co/papers/2605.14386" target="_blank" rel="noopener">arXiv 2605.14386</a>
	<a href="https://huggingface.co/VIDraft" target="_blank" rel="noopener">HuggingFace · VIDraft</a>
	</div>
	</div>

	<!-- 최신 보도자료 2026-05-18 -->
	<div class="press-release-card reveal">
	<div class="pr-label">보도자료 · 2026.05.18</div>
	<div class="pr-headline">한국 스타트업, GPU 학습 없이 AI 세계 3위…"진화로 빅테크 넘었다"</div>
	<div class="pr-stats">
	<span class="pr-stat-pill">🥉 GPQA Diamond 글로벌 3위</span>
	<span class="pr-stat-pill">📥 누적 다운로드 30만+</span>
	<span class="pr-stat-pill">🧬 파생 모델 약 500종</span>
	<span class="pr-stat-pill">📋 특허 3건 출원</span>
	<span class="pr-stat-pill">🏆 K-AI 리더보드 2·3·4·5·7·8위</span>
	<span class="pr-stat-pill">📄 arXiv 2605.14386</span>
	</div>
	<div class="pr-excerpt">
	비드래프트(VIDraft Inc.)는 Darwin Family 핵심 기술 연구 논문을 공개하고 관련 핵심 기술 3건에 대한 국내 특허를 출원했다. Darwin 시리즈는 추가 학습(Post-training) 없이 수백억 파라미터 규모 Fully Trained 모델을 뛰어넘는 성과를 달성했으며, Hugging Face 공인 GPQA Diamond 벤치마크에서 글로벌 3위를 기록했다. 공개 후 45일 만에 파생·양자화 레포지터리 88개, 개별 모델 파일 473개, 누적 다운로드 약 294,000회를 기록하며 한국 AI 모델 역사상 전례 없는 글로벌 오픈소스 생태계를 형성했다.
	</div>
	<div class="pr-meta">
	<span>VIDraft Inc. · 서울 AI 허브</span>
	<a href="https://huggingface.co/papers/2605.14386" target="_blank" rel="noopener">논문 전문 (arXiv 2605.14386) ↗</a>
	<a href="https://huggingface.co/VIDraft" target="_blank" rel="noopener">HuggingFace · VIDraft ↗</a>
	<span>문의: arxivgpt@gmail.com</span>
	</div>
	</div>

	<div class="press-subhead reveal">FEATURED · 5건</div>
	<div class="press-featured reveal">
	<a href="https://www.behindpress.com/news/articleView.html?idxno=60226" target="_blank" rel="noopener" class="press-card featured">
	<span class="press-tag">PARTNERSHIP</span>
	<div class="press-title">[비하인드] 다보링크-비드래프트, 'AI 게이트웨이' 공동 개발 — 기업용 AI 시장 겨냥</div>
	<div class="press-excerpt">다보링크의 네트워크 하드웨어 제조 역량 + 비드래프트의 온프레미스 LLM 기술 결합. 기업이 내부 데이터 유출 우려 없이 AI 활용 가능한 보안 강화 'AI 게이트웨이' 공동 개발. 다보링크는 고성능 AI 가속 칩 수용 하드웨어 설계, 비드래프트는 자기 진화 엔진 <strong style="color:var(--accent-bright);">AETHER</strong>를 통해 사용자 요구에 맞춰 지능 고도화되는 소프트웨어 스택 공급. 금융·의료·제조 등 규제 민감 산업 타겟.</div>
	<div class="press-meta"><span class="source">비하인드</span><span>·</span><span>AI 게이트웨이 공동개발</span></div>
	</a>

	<a href="https://www.dt.co.kr/article/12050897" target="_blank" rel="noopener" class="press-card featured">
	<span class="press-tag">BREAKING</span>
	<div class="press-title">[디지털타임스] AI 비드래프트, 환각 줄이는 추론 미들웨어 MARL 전 세계 동시 공개</div>
	<div class="press-excerpt">파인튜닝 없이 런타임에서 LLM 환각을 줄이는 미들웨어 MARL을 허깅페이스·깃허브·PyPI·OpenClaw(한국 개발자 플랫폼, 26만 개발자) 동시 공개. 코드 한 줄로 GPT·Claude·Gemini 등 모든 LLM에 즉시 적용. 최상위 난이도 과제 성능 70%+ 향상, 9개 전문 창발 엔진 내장.</div>
	<div class="press-meta"><span class="source">디지털타임스</span><span>·</span><span>2026.03.11</span></div>
	</a>

	<a href="https://cartech.nate.com/content/2110432" target="_blank" rel="noopener" class="press-card featured">
	<span class="press-tag">BREAKING</span>
	<div class="press-title">[IT조선] 비드래프트, '트루 AGI' 달성 위한 플랫폼·서비스 구현 [서울AI허브 2026]</div>
	<div class="press-excerpt">jetXA(AGI 7대 지능 통합 플랫폼), MOUSE(AI 서비스 자동 생성, MAU 150만), jetXA-로보틱스(제조·물류·서비스 AGI) 3대 플랫폼 공개. 의료특화 27B LLM 세계 2위 성과. 2026년 트루 AGI(2단계) 달성 목표.</div>
	<div class="press-meta"><span class="source">IT조선</span><span>·</span><span>2026.04</span></div>
	</a>

	<a href="https://www.asiae.co.kr/en/article/2026022716023014020" target="_blank" rel="noopener" class="press-card featured">
	<span class="press-tag en">ENGLISH</span>
	<div class="press-title">Vidraft Unveils AI Metacognition Evaluation Benchmark 'FINAL Bench'</div>
	<div class="press-excerpt">AI startup VIDRAFT releases 'FINAL Bench,' a benchmark that quantitatively measures AI metacognition. Dataset ranked among top on HuggingFace, Leaderboard selected as 'Space of the Week.' Evaluates 5 axes including error recovery across 15 academic disciplines.</div>
	<div class="press-meta"><span class="source">The Asia Business Daily</span><span>·</span><span>2026.02.27</span></div>
	</a>

	<a href="https://huggingface.co/blog/FINAL-Bench/metacognitive" target="_blank" rel="noopener" class="press-card featured">
	<span class="press-tag">BREAKING</span>
	<div class="press-title">세계 최초 AI 메타인지 벤치마크 'FINAL Bench' 공개 — GPT·제미나이·클로드, 전부 자기 실수 못 고친다</div>
	<div class="press-excerpt">허깅페이스 데이터셋 글로벌 5위, '금주의 스페이스' 동시 선정. 9개 SOTA 모델 1,800건 평가 결과, AI 지능 향상의 핵심 병목이 오직 '자기교정(Error Recovery)' 하나에 있음을 세계 최초로 데이터로 입증. 자기교정 적용 시 전체 성능 향상의 114.7%가 ER 단일 축에서 발생.</div>
	<div class="press-meta"><span class="source">Hugging Face Blog</span><span>·</span><span>2026.02.21</span></div>
	</a>
	</div>

	<div class="press-subhead reveal">국내 보도 · 9건</div>
	<div class="press-list-block reveal">
	<a href="https://huggingface.co/papers/2605.14386" target="_blank" rel="noopener" class="press-row">
	<span class="date">2026.05.18</span>
	<span class="source">VIDraft</span>
	<span class="title">한국 스타트업, GPU 학습 없이 AI 세계 3위 — Darwin Family 논문 공개 · 특허 3건 출원 · 30만 다운로드</span>
	<span class="arrow">↗</span>
	</a>
	<a href="https://www.behindpress.com/news/articleView.html?idxno=60226" target="_blank" rel="noopener" class="press-row">
	<span class="date">2026</span>
	<span class="source">비하인드</span>
	<span class="title">다보링크-비드래프트, 'AI 게이트웨이' 공동 개발 — 기업용 AI 시장 겨냥</span>
	<span class="arrow">↗</span>
	</a>
	<a href="https://www.seoul.co.kr/news/economy/2026/02/27/20260227500229" target="_blank" rel="noopener" class="press-row">
	<span class="date">2026.02.27</span>
	<span class="source">서울신문</span>
	<span class="title">비드래프트, AI 메타인지 벤치마크 'FINAL Bench' 공개</span>
	<span class="arrow">↗</span>
	</a>
	<a href="https://cm.asiae.co.kr/article/2026022716023014020" target="_blank" rel="noopener" class="press-row">
	<span class="date">2026.02.27</span>
	<span class="source">아시아경제</span>
	<span class="title">비드래프트, AGI 평가 글로벌 표준 'FINAL Bench' 제시</span>
	<span class="arrow">↗</span>
	</a>
	<a href="https://it.chosun.com/news/articleView.html?idxno=2023092157815" target="_blank" rel="noopener" class="press-row">
	<span class="date">2026.02.27</span>
	<span class="source">IT조선</span>
	<span class="title">[IT조선] 비드래프트, 세계 최초 AI 메타인지 벤치마크 공개</span>
	<span class="arrow">↗</span>
	</a>
	<a href="https://www.behindpress.com/news/articleView.html?idxno=55684" target="_blank" rel="noopener" class="press-row">
	<span class="date">2026.02.27</span>
	<span class="source">비하인드</span>
	<span class="title">[비하인드] 비드래프트 FINAL Bench 상세 분석 — 100과제 × 15도메인 × 8 TICOS</span>
	<span class="arrow">↗</span>
	</a>
	<a href="https://www.mk.co.kr/news/business/11982797" target="_blank" rel="noopener" class="press-row">
	<span class="date">2026.03</span>
	<span class="source">매일경제</span>
	<span class="title">웨어큐브, AI 비드래프트와 전략적 업무 협약 및 공동연구개발 계약</span>
	<span class="arrow">↗</span>
	</a>
	<a href="https://news.mt.co.kr/mtview.php?no=2025052711190988726" target="_blank" rel="noopener" class="press-row">
	<span class="date">2025.05</span>
	<span class="source">머니투데이</span>
	<span class="title">NH농협, 될성부른 25개 스타트업 — 비드래프트 선정</span>
	<span class="arrow">↗</span>
	</a>
	<a href="https://www.4th.kr/news/articleView.html?idxno=2091107" target="_blank" rel="noopener" class="press-row">
	<span class="date">—</span>
	<span class="source">포쓰저널</span>
	<span class="title">"소버린AI 파운데이션 모델은 핵무기급 전략자산" — K-AI 생태계 현장</span>
	<span class="arrow">↗</span>
	</a>
	</div>

	<div class="press-subhead reveal">주요 마일스톤 · 8건</div>
	<div class="press-list-block reveal">
	<a href="https://huggingface.co/papers/2605.14386" target="_blank" rel="noopener" class="press-row">
	<span class="date">2026.05.18</span>
	<span class="source">arXiv 공개</span>
	<span class="title">Darwin Family 논문 공개 (arXiv 2605.14386) · 핵심 기술 3건 KIPO 출원 · PCT 준비 중</span>
	<span class="arrow">↗</span>
	</a>
	<a href="https://huggingface.co/VIDraft" target="_blank" rel="noopener" class="press-row">
	<span class="date">2026.05</span>
	<span class="source">GPQA 3위</span>
	<span class="title">Hugging Face 공인 GPQA Diamond 글로벌 3위 달성 — 추가 학습 없이 수백억 파라미터 Fully Trained 모델 능가</span>
	<span class="arrow">↗</span>
	</a>
	<a href="https://huggingface.co/VIDraft" target="_blank" rel="noopener" class="press-row">
	<span class="date">2026.04.19</span>
	<span class="source">한수 출시</span>
	<span class="title">한수(韓守) — 데이터 주권 AI 공개 · 브라우저 로컬 + MIT 라이선스 (아시아경제·IT조선·서울신문 보도)</span>
	<span class="arrow">↗</span>
	</a>
	<a href="https://huggingface.co" target="_blank" rel="noopener" class="press-row">
	<span class="date">2026.03</span>
	<span class="source">HF 본사</span>
	<span class="title">Hugging Face 본사 공식 협업 제안 — 한국 AI 스타트업 중 유일</span>
	<span class="arrow">↗</span>
	</a>
	<a href="https://huggingface.co" target="_blank" rel="noopener" class="press-row">
	<span class="date">2024</span>
	<span class="source">HF STAR</span>
	<span class="title">Hugging Face STAR AI TOP 12 선정 — 한국 기업 유일</span>
	<span class="arrow">↗</span>
	</a>
	<a href="https://kaggle.com/competitions/facts-grounding" target="_blank" rel="noopener" class="press-row">
	<span class="date">—</span>
	<span class="source">DeepMind</span>
	<span class="title">Google DeepMind FACTS Grounding · 의료 AI 세계 2위 — CNRS 검증</span>
	<span class="arrow">↗</span>
	</a>
	<a href="https://www.nipa.kr" target="_blank" rel="noopener" class="press-row">
	<span class="date">2026</span>
	<span class="source">NIPA</span>
	<span class="title">정부 과제 2건 연속 선정 — 블랙웰 GPU 32장 + H200 8장 지원</span>
	<span class="arrow">↗</span>
	</a>
	<a href="https://www.mk.co.kr" target="_blank" rel="noopener" class="press-row">
	<span class="date">2026.04.20</span>
	<span class="source">아시아경제</span>
	<span class="title">웨어큐브 — 글로벌 방송용 모니터 AI 통합 공동 R&D · 1000만불 수출의탑 강소기업</span>
	<span class="arrow">↗</span>
	</a>
	</div>

	<div class="press-subhead reveal">글로벌 · 2건</div>
	<div class="press-global-grid reveal">
	<a href="https://note.com/tororo000/n/n2bda0cf7c4af" target="_blank" rel="noopener" class="press-global-card">
	<span class="country">JAPAN</span>
	<div class="title">VIDraft R1984 모델 분석 리뷰 — 일본 AI 커뮤니티 상세 평가</div>
	<span class="source-line">Note.com (Tororo) · ja</span>
	</a>
	<a href="https://news.miracleplus.com/share_link/66011" target="_blank" rel="noopener" class="press-global-card">
	<span class="country">CHINA</span>
	<div class="title">중국 MiraclePlus의 VIDraft 심층 분석 — 기술·비즈니스 모델 특집</div>
	<span class="source-line">MiraclePlus · zh</span>
	</a>
	</div>
	</div>
	</section>


	<!-- ====== 07 — BLOG ====== -->
	<section id="blog" class="section">
	<div class="container">
	<div class="section-eyebrow reveal">07 — Blog</div>
	<h2 class="section-title reveal">AI 인사이트, 매일 새롭게.</h2>
	<p class="section-lead reveal">
	비드래프트 AI가 매일 선별한 뉴스를 바탕으로 자동 작성하는 AI 에세이 시리즈.
	냉철한 저널리스트 시각으로 기술의 본질을 파고듭니다.
	</p>

	<div id="blog-grid" class="blog-grid">
	<div class="blog-loading">
	<div class="blog-spinner"></div>
	<span>아티클 불러오는 중…</span>
	</div>
	</div>

	<div id="blog-more-wrap" style="text-align:center;margin-top:40px;display:none;">
	<button id="blog-more-btn" class="blog-more-btn">더 보기</button>
	</div>
	</div>
	</section>

	<!-- FOOTER -->
	<footer class="footer">
	<div class="footer-inner">
	<div class="footer-grid">
	<div class="footer-col">
	<a href="#" class="logo">
	<span class="logo-mark"></span>VIDRAFT
	</a>
	<p class="text-sm text-secondary mt-32" style="max-width: 320px; line-height: 1.6;">
	AGI를 향한 운영체제. 비드래프트는 모델(Darwin)·아키텍처(AETHER)·도메인 응용을 일관된 시스템으로 운영하며, 세계가 쓰는 AGI를 설계합니다.
	</p>
	<p class="text-sm text-secondary" style="max-width: 320px; line-height: 1.7; margin-top: 20px; font-size: 12px;">
	<span style="color:var(--accent-bright);font-weight:500;">진화하는 AI.</span><br>
	<span style="color:var(--accent-bright);font-weight:500;">사고하는 AGI.</span><br>
	<span style="color:var(--text-primary);font-weight:600;">세계가 쓰는 AGI.</span>
	</p>
	</div>
	<div class="footer-col">
	<h4>Pillars</h4>
	<ul>
	<li><a href="#darwin">Darwin</a></li>
	<li><a href="#aether">AETHER</a></li>
	<li><a href="#journey">AGI Stages</a></li>
	<li><a href="https://huggingface.co/VIDraft" target="_blank">HF Models</a></li>
	</ul>
	</div>
	<div class="footer-col">
	<h4>Proof</h4>
	<ul>
	<li><a href="#proof">WM Bench</a></li>
	<li><a href="#proof">FINAL Bench</a></li>
	<li><a href="#proof">GPQA Diamond</a></li>
	<li><a href="#proof">K-AI Leaderboard</a></li>
	<li><a href="#proof">Patents 11</a></li>
	</ul>
	</div>
	<div class="footer-col">
	<h4>Resources</h4>
	<ul>
	<li><a href="https://huggingface.co/VIDraft" target="_blank">VIDraft on HuggingFace</a></li>
	<li><a href="https://huggingface.co/FINAL-Bench" target="_blank">FINAL-Bench</a></li>
	<li><a href="https://huggingface.co/collections/FINAL-Bench/darwin-family" target="_blank">Darwin Family</a></li>
	<li><a href="https://huggingface.co/spaces/FINAL-Bench/model-galaxy" target="_blank">Model Galaxy</a></li>
	</ul>
	</div>
	</div>

	<!-- 회사 정보 (사업자등록증 정식 노출) -->
	<div class="footer-company reveal" style="margin-top:48px;padding:28px 32px;border:1px solid var(--border);background:var(--bg-card);">
	<h4 style="font-family:'Inter',sans-serif;font-size:11px;font-weight:600;color:var(--accent-bright);letter-spacing:0.14em;text-transform:uppercase;margin-bottom:16px;">Company · 회사 정보</h4>
	<div style="display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:18px 32px;font-size:13px;color:var(--text-secondary);line-height:1.55;letter-spacing:-0.005em;">
	<div>
	<div style="font-family:'Inter',sans-serif;font-size:10.5px;color:var(--text-tertiary);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:6px;">상호</div>
	<div style="color:var(--text-primary);font-weight:500;">주식회사 비드래프트 (VIDRAFT Inc.)</div>
	</div>
	<div>
	<div style="font-family:'Inter',sans-serif;font-size:10.5px;color:var(--text-tertiary);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:6px;">대표이사 · CEO</div>
	<div style="color:var(--text-primary);font-weight:500;">김민식 (Minsik Kim)</div>
	</div>
	<div>
	<div style="font-family:'Inter',sans-serif;font-size:10.5px;color:var(--text-tertiary);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:6px;">사업자등록번호</div>
	<div style="color:var(--text-primary);font-weight:500;font-variant-numeric:tabular-nums;">879-87-03063</div>
	</div>
	<div>
	<div style="font-family:'Inter',sans-serif;font-size:10.5px;color:var(--text-tertiary);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:6px;">문의 · Contact</div>
	<div><a href="mailto:ArXivGPT@gmail.com" style="color:var(--accent-bright);text-decoration:underline;">ArXivGPT@gmail.com</a></div>
	</div>
	<div style="grid-column:1 / -1;">
	<div style="font-family:'Inter',sans-serif;font-size:10.5px;color:var(--text-tertiary);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:6px;">주소 · Address</div>
	<div style="color:var(--text-primary);font-weight:500;">서울시 서초구 매헌로 24, NH디지털혁신캠퍼스 (Seoul AI Hub 입주)</div>
	</div>
	</div>
	</div>

	<div class="footer-bottom">
	<span>© 2026 주식회사 비드래프트 · VIDRAFT Inc. All rights reserved.</span>
	<span>AGI를 향한 운영체제 · Toward AGI · build 2026.05.09</span>
	</div>
	</div>
	</footer>

	<script>
	// VD1.mp4 → vd2.mp4 시퀀셜 재생
	(function(){
	var v = document.getElementById('heroVideo');
	if (!v) return;
	var list = ['https://vidraft-ai.static.hf.space/VD1.mp4', 'https://vidraft-ai.static.hf.space/vd2.mp4'];
	var idx = 0;
	v.addEventListener('ended', function(){
	idx = (idx + 1) % list.length;
	v.src = list[idx];
	v.load();
	v.play().catch(function(){});
	});
	v.play().catch(function(){});
	})();

	// Live URL fetching from FINAL-Bench/service-urls (preserves auto-update behavior on top bar + apps section)
	(async function(){
	try {
	const r = await fetch("https://huggingface.co/api/datasets/FINAL-Bench/service-urls/resolve/main/urls.json", {cache: "no-store"});
	if (!r.ok) return;
	const data = await r.json();
	function setHref(id, url) {
	const el = document.getElementById(id);
	if (el && url) el.href = url;
	}
	if (data.pharmaos) {
	setHref("demo-pharmaos", data.pharmaos);
	setHref("topdemo-pharmaos", data.pharmaos);
	}
	if (data.nutrios) {
	setHref("demo-nutrios", data.nutrios);
	setHref("topdemo-nutrios", data.nutrios);
	}
	if (data.mouse) {
	setHref("demo-mouse", data.mouse);
	setHref("topdemo-mouse", data.mouse);
	}
	if (data.nationalos) {
	const u = data.nationalos_live3d \|\| (data.nationalos + "/live3d.html");
	setHref("demo-nationalos", u);
	setHref("topdemo-nationalos", u);
	}
	} catch(e) { /* network failure: keep static URLs */ }
	})();

	// Scroll reveal with stagger for grid siblings
	(function(){
	const els = document.querySelectorAll(".reveal");
	const io = new IntersectionObserver(function(entries){
	entries.forEach(function(e){
	if (e.isIntersecting) {
	e.target.classList.add("visible");
	io.unobserve(e.target);
	}
	});
	}, {threshold: 0.12, rootMargin: "0px 0px -40px 0px"});

	// Apply stagger delay to grid container children (auto-detect grids)
	const gridSelectors = [".platform-grid", ".pillar5-grid", ".att-grid", ".proof-grid",
	".demo-categories", ".press-featured", ".press-global-grid",
	".stage-bar", ".stat-row"];
	gridSelectors.forEach(function(sel){
	document.querySelectorAll(sel).forEach(function(grid){
	const items = grid.children;
	for (let i = 0; i < items.length; i++) {
	items[i].style.transitionDelay = (i * 70) + "ms";
	}
	});
	});

	els.forEach(function(el){ io.observe(el); });
	})();

	// ---------- Scroll progress bar ----------
	(function(){
	const bar = document.createElement("div");
	bar.className = "scroll-progress";
	document.body.prepend(bar);
	let ticking = false;
	function update(){
	const h = document.documentElement;
	const max = h.scrollHeight - h.clientHeight;
	const progress = max > 0 ? (h.scrollTop / max) * 100 : 0;
	bar.style.width = progress + "%";
	ticking = false;
	}
	window.addEventListener("scroll", function(){
	if (!ticking) {
	requestAnimationFrame(update);
	ticking = true;
	}
	}, {passive: true});
	})();

	// ---------- Mouse-tracking hero glow ----------
	(function(){
	const hero = document.querySelector(".hero");
	if (!hero) return;
	let pendingMx = "50%", pendingMy = "50%", scheduled = false;
	function apply() {
	hero.style.setProperty("--mx", pendingMx);
	hero.style.setProperty("--my", pendingMy);
	scheduled = false;
	}
	hero.addEventListener("mousemove", function(e){
	const rect = hero.getBoundingClientRect();
	pendingMx = (e.clientX - rect.left) + "px";
	pendingMy = (e.clientY - rect.top) + "px";
	if (!scheduled) {
	requestAnimationFrame(apply);
	scheduled = true;
	}
	}, {passive: true});
	hero.addEventListener("mouseleave", function(){
	pendingMx = "50%"; pendingMy = "50%";
	if (!scheduled) {
	requestAnimationFrame(apply);
	scheduled = true;
	}
	}, {passive: true});
	})();

	// ---------- Number count-up animation ----------
	(function(){
	const targets = document.querySelectorAll(".stat-num");
	if (!targets.length) return;

	function setup(el) {
	// First child should be a text node with the leading number
	const leadNode = el.firstChild;
	if (!leadNode \|\| leadNode.nodeType !== 3) return false;
	const text = leadNode.nodeValue.trim();
	const m = text.match(/^([+\-]?)([0-9]+(?:\.[0-9]+)?)/);
	if (!m) return false;
	const prefix = m[1];
	const targetStr = m[2];
	const target = parseFloat(targetStr);
	const isFloat = targetStr.indexOf(".") >= 0;
	const decimals = isFloat ? (targetStr.split(".")[1] \|\| "").length : 0;
	el.dataset.target = target;
	el.dataset.prefix = prefix;
	el.dataset.dec = decimals;
	leadNode.nodeValue = prefix + (isFloat ? "0".padEnd(decimals + 2, "0").replace("0", "0.") : "0");
	return true;
	}

	function animate(el) {
	const target = parseFloat(el.dataset.target);
	const prefix = el.dataset.prefix \|\| "";
	const decimals = parseInt(el.dataset.dec \|\| "0", 10);
	const duration = 1400;
	const startTime = performance.now();
	function tick(now) {
	const t = Math.min((now - startTime) / duration, 1);
	const eased = 1 - Math.pow(1 - t, 3); // easeOutCubic
	const v = target * eased;
	const formatted = decimals > 0 ? v.toFixed(decimals) : Math.round(v).toString();
	if (el.firstChild) el.firstChild.nodeValue = prefix + formatted;
	if (t < 1) {
	requestAnimationFrame(tick);
	} else {
	// ensure exact final value
	if (el.firstChild) el.firstChild.nodeValue = prefix + (decimals > 0 ? target.toFixed(decimals) : Math.round(target).toString());
	const cell = el.closest(".stat-cell");
	if (cell) cell.classList.add("counted");
	}
	}
	requestAnimationFrame(tick);
	}

	const io = new IntersectionObserver(function(entries){
	entries.forEach(function(e){
	if (e.isIntersecting) {
	animate(e.target);
	io.unobserve(e.target);
	}
	});
	}, {threshold: 0.4});

	targets.forEach(function(el){
	if (setup(el)) io.observe(el);
	});
	})();

	// ---------- Magnetic 3D card tilt ----------
	(function(){
	const reduce = window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
	if (reduce) return;
	// Skip on touch / coarse pointer
	const fine = window.matchMedia && window.matchMedia("(pointer: fine)").matches;
	if (!fine) return;

	const selectors = [
	".platform-card",
	".stage",
	".pillar-block",
	".pillar5",
	".stat-cell",
	".press-card",
	".press-global-card",
	".demo-category"
	];
	const cards = document.querySelectorAll(selectors.join(","));

	cards.forEach(function(card){
	card.classList.add("magnetic");
	let scheduled = false;
	let pendingX = 0, pendingY = 0;

	function apply() {
	card.style.transform = "perspective(1000px) rotateX(" + pendingY + "deg) rotateY(" + pendingX + "deg) translateZ(0)";
	scheduled = false;
	}

	card.addEventListener("mousemove", function(e){
	const rect = card.getBoundingClientRect();
	const cx = rect.left + rect.width / 2;
	const cy = rect.top + rect.height / 2;
	const dx = (e.clientX - cx) / rect.width;
	const dy = (e.clientY - cy) / rect.height;
	pendingX = dx * 5; // rotateY (max 5deg)
	pendingY = -dy * 5; // rotateX (max 5deg)
	card.classList.add("tilting");
	if (!scheduled) {
	requestAnimationFrame(apply);
	scheduled = true;
	}
	}, {passive: true});

	card.addEventListener("mouseleave", function(){
	card.classList.remove("tilting");
	card.style.transform = "";
	}, {passive: true});
	});
	})();
	</script>

	<!-- ======================================================
	WEB PUSH NOTIFICATION — 자동 배너 + Service Worker
	====================================================== -->
	<style>
	/* ── 자동 알림 배너 (하단 슬라이드인) ── */
	#push-banner {
	position: fixed;
	bottom: 0; left: 0; right: 0;
	z-index: 9999;
	background: #1B1B22;
	border-top: 1px solid rgba(139,92,246,0.4);
	box-shadow: 0 -8px 40px rgba(0,0,0,0.5);
	padding: 16px 24px;
	display: flex;
	align-items: center;
	gap: 16px;
	font-family: 'Pretendard', 'Inter', sans-serif;
	transform: translateY(100%);
	transition: transform 0.4s cubic-bezier(0.22,1,0.36,1);
	flex-wrap: wrap;
	}
	#push-banner.visible { transform: translateY(0); }
	#push-banner .pb-icon { font-size: 24px; flex-shrink: 0; }
	#push-banner .pb-text { flex: 1; min-width: 180px; }
	#push-banner .pb-title {
	font-size: 14px; font-weight: 700; color: #FAFAFA;
	margin-bottom: 2px; letter-spacing: -0.01em;
	}
	#push-banner .pb-desc {
	font-size: 12px; color: #8A8A95; line-height: 1.4;
	}
	#push-banner .pb-actions { display: flex; gap: 8px; flex-shrink: 0; }
	#push-allow {
	background: linear-gradient(135deg, #7c3aed, #8b5cf6);
	color: #fff; border: none; border-radius: 8px;
	padding: 9px 18px; font-size: 13px; font-weight: 600;
	cursor: pointer; font-family: inherit;
	transition: opacity 0.2s, transform 0.2s;
	}
	#push-allow:hover { opacity: 0.9; transform: translateY(-1px); }
	#push-later {
	background: transparent; color: #8A8A95;
	border: 1px solid #3D3D48; border-radius: 8px;
	padding: 9px 14px; font-size: 13px;
	cursor: pointer; font-family: inherit;
	transition: color 0.2s, border-color 0.2s;
	}
	#push-later:hover { color: #FAFAFA; border-color: #6b6b7a; }
	#push-banner-close {
	background: none; border: none; color: #6b6b7a;
	font-size: 20px; line-height: 1; cursor: pointer;
	padding: 4px; flex-shrink: 0;
	transition: color 0.2s;
	}
	#push-banner-close:hover { color: #FAFAFA; }

	/* ── 완료 토스트 ── */
	#push-toast {
	position: fixed;
	bottom: 24px; right: 24px;
	z-index: 10000;
	background: #14141A;
	border: 1px solid rgba(139,92,246,0.5);
	border-radius: 12px;
	padding: 14px 18px;
	max-width: 320px;
	font-family: 'Pretendard', 'Inter', sans-serif;
	font-size: 13px; color: #FAFAFA;
	box-shadow: 0 8px 32px rgba(0,0,0,0.5);
	opacity: 0; transform: translateY(8px);
	transition: opacity 0.3s, transform 0.3s;
	pointer-events: none;
	}
	#push-toast.show { opacity: 1; transform: translateY(0); }
	#push-toast strong { color: #B197FC; display: block; margin-bottom: 4px; font-size: 13px; }
	#push-toast span { font-size: 12px; color: #C2C2CC; }

	/* ====== BLOG SECTION ====== */
	.blog-grid {
	opacity: 1 !important;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 24px;
	margin-top: 48px;
	}
	.blog-card {
	background: var(--bg-card);
	border: 1px solid var(--border);
	border-radius: 16px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: border-color .2s, transform .2s;
	text-decoration: none;
	color: inherit;
	}
	.blog-card:hover {
	border-color: var(--accent);
	transform: translateY(-4px);
	}
	.blog-card-img {
	width: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
	background: var(--bg-elevated);
	display: block;
	}
	.blog-card-img-placeholder {
	width: 100%;
	aspect-ratio: 16/9;
	background: linear-gradient(135deg, var(--bg-elevated) 0%, rgba(139,92,246,.15) 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 36px;
	}
	.blog-card-body {
	padding: 20px 22px 22px;
	display: flex;
	flex-direction: column;
	flex: 1;
	}
	.blog-card-date {
	font-size: 11px;
	color: var(--text-tertiary);
	letter-spacing: .08em;
	text-transform: uppercase;
	margin-bottom: 8px;
	}
	.blog-card-title {
	font-size: 16px;
	font-weight: 700;
	color: var(--text-primary);
	line-height: 1.45;
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	}
	.blog-card-excerpt {
	font-size: 13px;
	color: var(--text-secondary);
	line-height: 1.65;
	flex: 1;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 16px;
	}
	.blog-card-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	}
	.blog-card-tags {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
	}
	.blog-tag {
	font-size: 10px;
	padding: 3px 8px;
	border-radius: 4px;
	background: var(--accent-dim);
	color: var(--accent-bright);
	font-weight: 600;
	letter-spacing: .04em;
	}
	.blog-card-arrow {
	font-size: 15px;
	color: var(--accent-bright);
	flex-shrink: 0;
	}
	.blog-loading {
	grid-column: 1 / -1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 80px 0;
	color: var(--text-tertiary);
	font-size: 14px;
	}
	.blog-spinner {
	width: 22px;
	height: 22px;
	border: 2px solid var(--border);
	border-top-color: var(--accent);
	border-radius: 50%;
	animation: spin .8s linear infinite;
	}
	@keyframes spin { to { transform: rotate(360deg); } }
	.blog-error {
	grid-column: 1 / -1;
	text-align: center;
	padding: 60px 0;
	color: var(--text-tertiary);
	font-size: 14px;
	}
	.blog-more-btn {
	background: transparent;
	border: 1px solid var(--border);
	color: var(--text-secondary);
	padding: 10px 28px;
	border-radius: 8px;
	font-size: 13px;
	cursor: pointer;
	transition: border-color .2s, color .2s;
	font-family: inherit;
	}
	.blog-more-btn:hover {
	border-color: var(--accent);
	color: var(--accent-bright);
	}
	@media (max-width: 600px) {
	.blog-grid { grid-template-columns: 1fr; }
	}

	</style>

	<!-- 자동 알림 배너 -->
	<div id="push-banner" role="dialog" aria-label="알림 구독 안내" aria-hidden="true">
	<span class="pb-icon">🔔</span>
	<div class="pb-text">
	<div class="pb-title">VIDRAFT 새 소식 알림</div>
	<div class="pb-desc">Darwin · AETHER 업데이트를 브라우저 알림으로 바로 받아보세요.</div>
	</div>
	<div class="pb-actions">
	<button id="push-allow">허용</button>
	<button id="push-later">나중에</button>
	</div>
	<button id="push-banner-close" aria-label="닫기">×</button>
	</div>

	<!-- 완료 토스트 -->
	<div id="push-toast" role="status" aria-live="polite">
	<strong id="push-toast-title"></strong>
	<span id="push-toast-body"></span>
	</div>

	<script>
	(function () {
	const VAPID_PUBLIC_KEY = 'BBanbHPfUL0Y8oGuxoAZ3sQApksZsEPYqCEJtzOogBKhvCi7Fg3DDD2qpq6ILEQ9dGwaNEUL7-RKb8YoDHesY0k';
	const SNOOZE_KEY = 'vd_push_snoozed'; // localStorage: 나중에 누른 시각
	const SNOOZE_DAYS = 3; // 3일 후 다시 표시

	function urlBase64ToUint8Array(b64) {
	const pad = '='.repeat((4 - b64.length % 4) % 4);
	const raw = atob((b64 + pad).replace(/-/g, '+').replace(/_/g, '/'));
	return Uint8Array.from([...raw].map(c => c.charCodeAt(0)));
	}

	function showToast(title, body) {
	document.getElementById('push-toast-title').textContent = title;
	document.getElementById('push-toast-body').textContent = body;
	const t = document.getElementById('push-toast');
	t.classList.add('show');
	setTimeout(() => t.classList.remove('show'), 6000);
	}

	function hideBanner() {
	const b = document.getElementById('push-banner');
	b.classList.remove('visible');
	b.setAttribute('aria-hidden', 'true');
	}

	function showBanner() {
	const b = document.getElementById('push-banner');
	b.classList.add('visible');
	b.setAttribute('aria-hidden', 'false');
	}

	/* ── 지원 여부 확인 ── */
	if (!('serviceWorker' in navigator) \|\| !('PushManager' in window)) return;
	if (Notification.permission === 'denied') return;

	/* ── 이미 구독 중 또는 스누즈 중이면 배너 안 띄움 ── */
	const snoozed = localStorage.getItem(SNOOZE_KEY);
	if (snoozed) {
	const diff = (Date.now() - parseInt(snoozed)) / 86400000;
	if (diff < SNOOZE_DAYS) return;
	}

	/* ── SW 등록 후 기존 구독 확인 ── */
	let swReg = null;
	navigator.serviceWorker.register('/sw.js', { scope: '/' })
	.then(reg => { swReg = reg; return reg.pushManager.getSubscription(); })
	.then(existing => {
	if (existing) return; // 이미 구독 중 → 배너 불필요
	/* 2초 후 배너 자동 표시 */
	setTimeout(showBanner, 2000);
	})
	.catch(() => {});

	/* ── "허용" 클릭 → 브라우저 권한 요청 → 구독 ── */
	document.getElementById('push-allow').addEventListener('click', async () => {
	hideBanner();
	if (!swReg) return;
	try {
	const perm = await Notification.requestPermission();
	if (perm !== 'granted') {
	showToast('알림이 차단됐어요', '브라우저 주소창 옆 자물쇠 아이콘 → 알림 허용으로 변경해주세요.');
	return;
	}
	const sub = await swReg.pushManager.subscribe({
	userVisibleOnly: true,
	applicationServerKey: urlBase64ToUint8Array(VAPID_PUBLIC_KEY)
	});
	/* push-api Space에 구독 전송 (메타데이터 포함) */
	const subData = {
	...sub.toJSON(),
	screen: `${screen.width}x${screen.height}`,
	language: navigator.language \|\| '',
	timezone: Intl.DateTimeFormat().resolvedOptions().timeZone \|\| '',
	};
	fetch('https://vidraft-push-api.hf.space/subscribe', {
	method: 'POST',
	headers: { 'Content-Type': 'application/json' },
	body: JSON.stringify(subData)
	}).then(r => r.json())
	.then(d => console.info('[VIDRAFT Push] 등록 완료. 총 구독자:', d.total))
	.catch(e => console.warn('[VIDRAFT Push] 서버 등록 실패:', e));

	showToast('✅ 구독 완료!', 'VIDRAFT 새 소식을 바로 받아보실 수 있습니다.');
	} catch(e) {
	showToast('구독 실패', e.message \|\| '오류가 발생했습니다.');
	}
	});

	/* ── "나중에" / X → 3일 스누즈 ── */
	function snooze() {
	localStorage.setItem(SNOOZE_KEY, Date.now().toString());
	hideBanner();
	}
	document.getElementById('push-later').addEventListener('click', snooze);
	document.getElementById('push-banner-close').addEventListener('click', snooze);
	})();
	</script>

	<!-- ── VIDRAFT Analytics Tracker ───────────────────────────── -->
	<script>
	(function () {
	const PUSH_API = 'https://vidraft-push-api.hf.space/event';

	/* 현재 push 구독 endpoint 반환 (없으면 null) */
	async function getEndpoint() {
	try {
	if (!('serviceWorker' in navigator)) return null;
	const reg = await navigator.serviceWorker.getRegistration('/sw.js');
	if (!reg) return null;
	const sub = await reg.pushManager.getSubscription();
	return sub ? sub.endpoint : null;
	} catch { return null; }
	}

	/* 이벤트 전송 — 구독자가 아니면 아무것도 안 함 */
	async function track(action, detail) {
	const ep = await getEndpoint();
	if (!ep) return;
	fetch(PUSH_API, {
	method: 'POST',
	headers: { 'Content-Type': 'application/json' },
	body: JSON.stringify({ endpoint: ep, action, detail: detail \|\| {},
	ts: Math.floor(Date.now() / 1000) })
	}).catch(() => {});
	}

	const _pageStart = Date.now();

	/* page_view — SW 등록 완료 후 전송 */
	if ('serviceWorker' in navigator) {
	navigator.serviceWorker.ready
	.then(() => track('page_view', {
	ref: document.referrer.slice(0, 120) \|\| '',
	w: screen.width,
	h: screen.height,
	lang: navigator.language \|\| '',
	}))
	.catch(() => {});
	}

	/* 세션 시간 — 페이지 떠날 때 전송 */
	window.addEventListener('visibilitychange', () => {
	if (document.visibilityState === 'hidden') {
	const sec = Math.round((Date.now() - _pageStart) / 1000);
	track('session_end', { duration_sec: sec });
	}
	});

	/* 스크롤 깊이 — 25/50/75/100% 통과 시 1회씩 전송 */
	const _scrollFired = new Set();
	window.addEventListener('scroll', () => {
	const pct = Math.round(
	(window.scrollY + window.innerHeight) / document.documentElement.scrollHeight * 100
	);
	[25, 50, 75, 100].forEach(mark => {
	if (pct >= mark && !_scrollFired.has(mark)) {
	_scrollFired.add(mark);
	track('scroll_depth', { pct: mark });
	}
	});
	}, { passive: true });

	/* demo-bar 링크 클릭 */
	document.querySelectorAll('.demo-bar-link').forEach(a => {
	a.addEventListener('click', () =>
	track('demo_click', { label: a.textContent.trim(), url: a.href }));
	});

	/* nav 링크 클릭 */
	document.querySelectorAll('nav a').forEach(a => {
	a.addEventListener('click', () =>
	track('nav_click', { label: a.textContent.trim().slice(0, 40), href: a.getAttribute('href') \|\| '' }));
	});

	/* 외부 링크 클릭 (platform-card 포함) */
	document.querySelectorAll('a[target="_blank"]').forEach(a => {
	a.addEventListener('click', () =>
	track('outbound_click', { label: a.textContent.trim().slice(0, 60), url: a.href }));
	});
	})();


	/* ====== BLOG TAB ====== */
	(function() {
	var BLOG_API = 'https://vidraft-brunch-diary.hf.space/api/articles';
	var IMG_PROXY = 'https://vidraft-brunch-diary.hf.space/proxy/image/';
	var PAGE_SIZE = 6;
	var allArticles = [];
	var shown = 0;

	function formatDate(ts) {
	if (!ts) return '';
	var d = new Date(ts * 1000);
	return d.getFullYear() + '.' + String(d.getMonth()+1).padStart(2,'0') + '.' + String(d.getDate()).padStart(2,'0');
	}

	function getExcerpt(text) {
	if (!text) return '';
	var s = text.replace(/#+\s/g,'').replace(/\\/g,'').replace(/\*/g,'').replace(/`/g,'').replace(/\n+/g,' ').trim();
	return s.length > 120 ? s.slice(0,120) + '\u2026' : s;
	}

	function esc(str) {
	return (str\|\|'').replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>').replace(/"/g,'"');
	}

	function buildCard(a) {
	var hasImg = a.images && a.images.length > 0;
	var imgHtml;
	if (hasImg) {
	var imgUrl = IMG_PROXY + a.id + '/0';
	imgHtml = '<img class="blog-card-img" src="' + imgUrl + '" alt="' + esc(a.title) + '" loading="lazy" onerror="this.style.display=\'none\';this.nextElementSibling.style.display=\'flex\'">'
	+ '<div class="blog-card-img-placeholder" style="display:none">✍️</div>';
	} else {
	imgHtml = '<div class="blog-card-img-placeholder">✍️</div>';
	}

	var tags = ((a.tags_en\|\|[]).slice(0,3)).map(function(t){ return '<span class="blog-tag">'+esc(t)+'</span>'; }).join('');
	var href = (a.platforms && a.platforms.devto && a.platforms.devto.url)
	\|\| (a.platforms && a.platforms.medium && a.platforms.medium.url)
	\|\| '#';
	var target = href !== '#' ? ' target="_blank" rel="noopener"' : '';

	return '<a href="' + href + '"' + target + ' class="blog-card">'
	+ imgHtml
	+ '<div class="blog-card-body">'
	+ '<div class="blog-card-date">' + formatDate(a.created_at) + '</div>'
	+ '<div class="blog-card-title">' + esc(a.title\|\|'(제목 없음)') + '</div>'
	+ '<div class="blog-card-excerpt">' + esc(getExcerpt(a.article_text)) + '</div>'
	+ '<div class="blog-card-footer">'
	+ '<div class="blog-card-tags">' + tags + '</div>'
	+ '<span class="blog-card-arrow">↗</span>'
	+ '</div>'
	+ '</div>'
	+ '</a>';
	}

	function renderBatch() {
	var grid = document.getElementById('blog-grid');
	var batch = allArticles.slice(shown, shown + PAGE_SIZE);
	batch.forEach(function(a) { grid.insertAdjacentHTML('beforeend', buildCard(a)); });
	shown += batch.length;
	document.getElementById('blog-more-wrap').style.display = (shown < allArticles.length) ? 'block' : 'none';
	}

	function loadBlog() {
	var grid = document.getElementById('blog-grid');
	if (!grid) return;
	fetch(BLOG_API)
	.then(function(r){ return r.json(); })
	.then(function(data) {
	allArticles = Array.isArray(data) ? data : (data.articles \|\| []);
	allArticles.sort(function(a,b){ return (b.created_at\|\|0)-(a.created_at\|\|0); });
	grid.innerHTML = '';
	grid.classList.remove('reveal'); grid.style.opacity='1'; grid.style.transform='none';
	if (!allArticles.length) {
	grid.innerHTML = '<div class="blog-error">아직 게재된 아티클이 없습니다.</div>';
	return;
	}
	renderBatch();
	})
	.catch(function(e) {
	console.warn('Blog API error:', e);
	if (grid) grid.innerHTML = '<div class="blog-error">아티클을 불러오지 못했습니다. 잠시 후 다시 시도해 주세요.</div>';
	});
	}

	document.addEventListener('DOMContentLoaded', function() {
	loadBlog();
	var btn = document.getElementById('blog-more-btn');
	if (btn) btn.addEventListener('click', renderBatch);
	});
	})();

	</script>

	</body>
	</html>