@charset "UTF-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap');

/* Main CSS Imports (Note: Other components are included in individual templates) */
/* @import url('assets/css/_service_develop_engine.css'); */
@import "_design.css";

:root {
    --white: #ffffff;
    --black: #050505;
    --electric-blue: #0066FF;
    --deep-blue: #0a1931;
    --font-primary: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    --font-en: 'Lexend', sans-serif;
    --font-inter: 'Inter', sans-serif;
    --header-height: 115px;
    --container-width: 1240px;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: var(--font-primary); color: #333; line-height: 1.6; background: var(--white); overflow-x: hidden; -webkit-font-smoothing: antialiased; }
a { text-decoration: none; color: inherit; transition: 0.3s; }

.section-inner { max-width: var(--container-width); margin: 0 auto; padding: 0 40px; position: relative; z-index: 10; }

/* ==========================================================================
   Scroll Reveal Animation (Intersection Observer)
   ========================================================================== */
.scroll-reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
    will-change: opacity, transform;
}

.scroll-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.stagger-1 { transition-delay: 0.1s; }
.stagger-2 { transition-delay: 0.2s; }
.stagger-3 { transition-delay: 0.3s; }

@media (max-width: 991px) {
    .section-inner { padding: 0 20px; }
}