/* ==========================================================================
 * Home placeholder — Foundation 검증용 임시 스타일.
 * 다음 사이클에서 실제 홈 mock 을 만들 때 이 파일은 pages/home.css 로 교체.
 * ========================================================================== */
.hp-hero {
    padding: var(--dm-sp-16) 0 var(--dm-sp-20);
    text-align: center;
}
.hp-logo {
    max-width: 320px;
    margin: 0 auto var(--dm-sp-4);
}
.hp-tag {
    color: var(--dm-navy);
    font-size: var(--dm-fs-lg);
    margin: 0 0 var(--dm-sp-8);
}
.hp-status {
    display: inline-flex;
    align-items: center;
    gap: var(--dm-sp-2);
    padding: var(--dm-sp-2) var(--dm-sp-4);
    background: var(--dm-bg-alt);
    color: var(--dm-text-mute);
    border-radius: var(--dm-radius-pill);
    font-size: var(--dm-fs-sm);
    margin: 0 0 var(--dm-sp-10);
}
.hp-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--dm-success);
    box-shadow: 0 0 0 3px rgba(16, 185, 129, .18);
}
.hp-cta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--dm-sp-3);
}