/* ─── WorkPilot 랜딩 페이지 ─── */

html { scroll-behavior: smooth; scroll-padding-top: 64px; }

/* Hero — Point Gradient mesh (Neutral + Indigo/Violet/Fuchsia 포인트) */
.home-hero-mesh {
    background-image:
        radial-gradient(at 18% 12%, rgba(99, 102, 241, 0.18) 0px, transparent 50%),
        radial-gradient(at 82% 6%, rgba(139, 92, 246, 0.16) 0px, transparent 50%),
        radial-gradient(at 96% 78%, rgba(217, 70, 239, 0.10) 0px, transparent 50%),
        radial-gradient(at 6% 92%, rgba(99, 102, 241, 0.10) 0px, transparent 50%);
}

/* CTA — 더 진한 mesh */
.home-cta-mesh {
    background-image:
        radial-gradient(at 12% 20%, rgba(255, 255, 255, 0.18) 0px, transparent 50%),
        radial-gradient(at 90% 80%, rgba(255, 255, 255, 0.12) 0px, transparent 45%),
        radial-gradient(at 50% 0%, rgba(255, 255, 255, 0.10) 0px, transparent 40%);
    pointer-events: none;
}

/* sticky 헤더 스크롤 시 그림자 추가 */
#home-header.scrolled {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.03);
}

/* FAQ details 기본 마커 제거 (브라우저 호환) */
details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }

/* 카드 hover 미세 lift */
.home-card-lift { transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease; }
.home-card-lift:hover { transform: translateY(-1px); }

/* 모바일 드로어 진입 애니메이션 */
#mnav-drawer:not(.hidden) {
    animation: drawerFadeIn 0.18s ease-out;
}
@keyframes drawerFadeIn {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* 작은 뷰포트(가로 ≤ 380)에서 hero 타이틀 한 줄 줄임 */
@media (max-width: 380px) {
    .home-hero-mesh { background-size: 200% 200%; }
}

/* Lucide w-4.5/h-4.5 보강 (Tailwind 기본 없음) */
.w-4\.5 { width: 1.125rem; }
.h-4\.5 { height: 1.125rem; }