본문으로 건너뛰기<!doctype html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- 검색엔진 소유확인 -->
<meta name="naver-site-verification" content="85eace14889f3cd1f99f36ce6a0e06f6554825a8" />
<title>Foresto Compass — 포트폴리오 시뮬레이션으로 배우는 투자</title>
<meta name="description" content="Compass Score 기반 종목 분석과 시뮬레이션으로 투자의 기초를 학습하세요. 교육 목적 참고 정보이며 투자 권유가 아닙니다." />
<meta name="theme-color" content="#10b981" />
<meta property="og:title" content="Foresto Compass — 포트폴리오 시뮬레이션으로 배우는 투자" />
<meta property="og:description" content="Compass Score 기반 종목 분석과 시뮬레이션으로 투자의 기초를 학습하세요. 교육 목적 참고 정보이며 투자 권유가 아닙니다." />
<meta property="og:image" content="https://foresto.co.kr/og-image-v2.png" />
<meta property="og:url" content="https://foresto.co.kr" />
<meta property="og:type" content="website" />
<meta property="og:locale" content="ko_KR" />
<meta name="twitter:card" content="summary_large_image" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebApplication",
"name": "Foresto Compass",
"url": "https://foresto.co.kr",
"description": "Compass Score 기반 종목 분석, 포트폴리오 시뮬레이션, 투자 성향 진단. 교육 목적 참고 정보이며 투자 권유가 아닙니다.",
"applicationCategory": "FinanceApplication",
"operatingSystem": "Web",
"inLanguage": "ko",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "KRW",
"description": "무료 플랜 제공"
},
"publisher": {
"@type": "Organization",
"name": "Foresto",
"url": "https://foresto.co.kr"
}
}
</script>
<link rel="apple-touch-icon" href="/icons/icon-192.png" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<script type="module" crossorigin src="/assets/index-B4vfE3aZ.js"></script>
<link rel="modulepreload" crossorigin href="/assets/monitoring-B1ZP2_ul.js">
<link rel="modulepreload" crossorigin href="/assets/charts-Bsus7L_O.js">
<link rel="modulepreload" crossorigin href="/assets/vendor-DxDmf8Gq.js">
<link rel="modulepreload" crossorigin href="/assets/http-B8_nURbH.js">
<link rel="modulepreload" crossorigin href="/assets/markdown-Cc_BGhIl.js">
<link rel="stylesheet" crossorigin href="/assets/index-j5kZ5vF7.css">
<link rel="manifest" href="/manifest.webmanifest"><script id="vite-plugin-pwa:register-sw" src="/registerSW.js"></script></head>
<body>
<div id="root">
<!-- 스플래시: React 마운트 시 자동 교체됨 -->
<div id="splash" style="min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);color:#fff;text-align:center;padding:2rem">
<p style="font-size:1.1rem;opacity:.85;margin:0 0 1.2rem">투자, 어디서부터 시작해야 할지 모르겠다면</p>
<h1 style="font-size:clamp(1.8rem,5vw,3rem);font-weight:800;line-height:1.25;margin:0 0 1.2rem">Foresto Compass가<br><span style="background:linear-gradient(135deg,#fff,#ffd89b);-webkit-background-clip:text;-webkit-text-fill-color:transparent">당신의 첫 번째 나침반이 됩니다</span></h1>
<p style="font-size:1rem;opacity:.88;line-height:1.7;margin:0 0 2rem">데이터 기반 학습과 시뮬레이션으로<br>투자의 기초부터 차근차근 배워보세요.</p>
<div style="display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center">
<span style="padding:.8rem 1.8rem;border-radius:12px;font-weight:600;background:#fff;color:#6366f1">무료로 시작하기</span>
<span style="padding:.8rem 1.8rem;border-radius:12px;font-weight:600;border:2px solid rgba(255,255,255,.6);color:#fff">먼저 둘러보기</span>
</div>
</div>
</div>
</body>
</html>