:root{--primary-50: #f0f9f0;--primary-100: #dcf2dc;--primary-200: #b9e6b9;--primary-300: #8dd48d;--primary-400: #5cb85c;--primary-500: #2f7a2f;--primary-600: #236723;--primary-700: #1d521d;--primary-800: #1a3820;--primary-900: #0f1f10;--secondary-50: #fff7ed;--secondary-100: #ffedd5;--secondary-200: #fed7aa;--secondary-300: #fdba74;--secondary-400: #fb923c;--secondary-500: #f97316;--secondary-600: #ea580c;--secondary-700: #c2410c;--secondary-800: #9a3412;--secondary-900: #7c2d12;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--white: #ffffff;--black: #000000;--gradient-primary: linear-gradient(135deg, var(--primary-400), var(--primary-600));--gradient-secondary: linear-gradient(135deg, var(--secondary-400), var(--secondary-600));--gradient-text: linear-gradient(135deg, var(--primary-500), var(--primary-600));--gradient-text-alt: linear-gradient(135deg, var(--secondary-500), var(--secondary-600));--gradient-hero: linear-gradient(135deg, var(--gray-50) 0%, var(--primary-50) 100%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--font-display: "Inter", "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-3xl: 6rem;--radius-sm: .5rem;--radius: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}.homepage-shell *{box-sizing:border-box}.homepage-shell{padding-top:5.5rem}.homepage-shell main{opacity:1;transition:opacity .6s cubic-bezier(.4,0,.2,1)}.homepage-shell main.visible{opacity:1}.homepage-shell .container-fluid{max-width:1400px;margin:0 auto}.homepage-shell .animated-element{opacity:0;transform:translateY(40px);transition:opacity var(--transition-slow),transform var(--transition-slow);will-change:opacity,transform}.homepage-shell .fade-in-up{opacity:1;transform:translateY(0)}.homepage-shell .delay-1{transition-delay:.1s}.homepage-shell .delay-2{transition-delay:.25s}.homepage-shell .delay-3{transition-delay:.4s}.homepage-shell .delay-4{transition-delay:.55s}.homepage-shell .delay-5{transition-delay:.7s}.homepage-shell section{position:relative;scroll-margin-top:5.5rem}.homepage-shell .section-header{margin-bottom:var(--space-3xl)}.homepage-shell .section-badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-md);background:var(--primary-100);color:var(--primary-700);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;margin-bottom:var(--space-md);border:1px solid var(--primary-200)}.homepage-shell .section-badge.light{background:#ffffff26;color:var(--white);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.homepage-shell .section-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--space-md);color:var(--gray-900)}.homepage-shell .section-title.light{color:var(--white)}.homepage-shell .section-description{font-size:1.25rem;color:var(--gray-600);max-width:42rem;margin:0 auto;line-height:1.7}.homepage-shell .section-description.light{color:#fffc}.homepage-shell .gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.homepage-shell .gradient-text-alt{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.homepage-shell .gradient-text-white{background:linear-gradient(135deg,var(--white),rgba(255,255,255,.8));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.homepage-shell .gradient-text-cta{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.homepage-shell .hero-section{min-height:90vh;display:flex;align-items:center;overflow:hidden;position:relative}.homepage-shell .hero-bg{position:absolute;inset:0;background:var(--gradient-hero);z-index:-2}.homepage-shell .gradient-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at top,rgba(47,122,47,.1),transparent);z-index:-1}.homepage-shell .floating-elements{position:absolute;inset:0;z-index:-1}.homepage-shell .floating-shape{position:absolute;border-radius:50%;filter:blur(40px);opacity:.6;animation:float 6s ease-in-out infinite}.homepage-shell .shape-1{width:300px;height:300px;background:linear-gradient(135deg,var(--primary-300),var(--primary-400));top:10%;left:-150px;animation-delay:0s}.homepage-shell .shape-2{width:200px;height:200px;background:linear-gradient(135deg,var(--secondary-300),var(--secondary-400));top:60%;right:-100px;animation-delay:2s}.homepage-shell .shape-3{width:150px;height:150px;background:linear-gradient(135deg,var(--primary-200),var(--primary-300));top:30%;right:20%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.homepage-shell .min-vh-85{min-height:85vh}.homepage-shell .hero-content{z-index:2}.homepage-shell .hero-badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-md);background:#2f7a2f1a;color:var(--primary-700);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;margin-bottom:var(--space-lg);border:1px solid rgba(47,122,47,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.homepage-shell .hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--space-lg);color:var(--gray-900)}.homepage-shell .hero-description{font-size:1.25rem;color:var(--gray-600);line-height:1.7;margin-bottom:var(--space-xl)}.homepage-shell .hero-actions{display:flex;flex-direction:column;gap:var(--space-lg)}.homepage-shell .btn-main{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;background:var(--gradient-primary);color:var(--white);text-decoration:none;border-radius:var(--radius-lg);font-weight:600;font-size:1.125rem;overflow:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-lg);border:none;cursor:pointer;min-width:250px}.homepage-shell .btn-main:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);color:var(--white);text-decoration:none}.homepage-shell .btn-main .btn-text{position:relative;z-index:2}.homepage-shell .btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.homepage-shell .btn-main:hover .btn-shine{left:100%}.homepage-shell .hero-stats{display:flex;align-items:center;gap:var(--space-lg);margin-top:var(--space-md)}.homepage-shell .stat-item{text-align:center}.homepage-shell .stat-number{font-size:1.5rem;font-weight:700;color:var(--primary-600);line-height:1}.homepage-shell .stat-label{font-size:.875rem;color:var(--gray-600);margin-top:.25rem}.homepage-shell .stat-divider{width:1px;height:2rem;background:var(--gray-300)}.homepage-shell .hero-visual{position:relative;z-index:1}.homepage-shell .dashboard-preview{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);overflow:hidden;transition:all var(--transition-slow);border:1px solid var(--gray-200)}.homepage-shell .dashboard-preview:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 35px 60px -12px #00000040}.homepage-shell .preview-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.homepage-shell .preview-dots{display:flex;gap:.5rem}.homepage-shell .preview-dots span{width:8px;height:8px;border-radius:50%;background:var(--gray-400)}.homepage-shell .preview-dots span:nth-child(1){background:#ef4444}.homepage-shell .preview-dots span:nth-child(2){background:#f59e0b}.homepage-shell .preview-dots span:nth-child(3){background:#10b981}.homepage-shell .preview-title{font-size:.875rem;font-weight:600;color:var(--gray-700)}.homepage-shell .preview-content{position:relative;padding:1rem}.homepage-shell .preview-image{width:100%;height:auto;border-radius:var(--radius)}.homepage-shell .preview-overlay{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;gap:var(--space-sm)}.homepage-shell .feature-highlight{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:#fffffff2;border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.75rem;font-weight:600;color:var(--gray-700);animation:pulse 2s infinite}.homepage-shell .highlight-dot{width:6px;height:6px;border-radius:50%;background:var(--primary-500);animation:blink 1.5s infinite}.homepage-shell .highlight-2{animation-delay:1s}.homepage-shell .highlight-2 .highlight-dot{background:var(--secondary-500);animation-delay:1s}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.homepage-shell .features-section{background:var(--gray-50)}.homepage-shell .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-lg);max-width:1200px;margin:0 auto}.homepage-shell .feature-item{height:100%}.homepage-shell .process-section{position:relative;overflow:hidden}.homepage-shell .process-bg{position:absolute;inset:0;z-index:-1}.homepage-shell .process-gradient{background:linear-gradient(135deg,var(--primary-800),var(--primary-600));width:100%;height:100%}.homepage-shell .process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl);max-width:1200px;margin:0 auto;position:relative;z-index:2}.homepage-shell .process-item{height:100%}.homepage-shell .process-connection{position:absolute;top:50%;left:0;right:0;z-index:1;display:none}.homepage-shell .connection-line{height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);margin:0 10%}.homepage-shell .cta-section{position:relative;overflow:hidden}.homepage-shell .cta-bg{position:absolute;inset:0;z-index:-1}.homepage-shell .cta-gradient{background:linear-gradient(135deg,var(--primary-700),var(--primary-800));width:100%;height:100%}.homepage-shell .cta-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.1) 1px,transparent 0);background-size:20px 20px;opacity:.5}.homepage-shell .cta-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.homepage-shell .cta-badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-md);background:#fb923c33;color:#fbbf24;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;margin-bottom:var(--space-lg);border:1px solid rgba(251,146,60,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.homepage-shell .cta-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--space-lg);color:var(--white)}.homepage-shell .cta-description{font-size:1.25rem;color:#fffc;line-height:1.7;margin-bottom:var(--space-xl)}.homepage-shell .cta-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.homepage-shell .btn-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:1.25rem 2.5rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:var(--gray-900);text-decoration:none;border-radius:var(--radius-lg);font-weight:700;font-size:1.125rem;overflow:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-xl);border:none;cursor:pointer;min-width:280px}.homepage-shell .btn-cta:hover{transform:translateY(-3px);box-shadow:0 25px 50px -12px #fbbf2480;color:var(--gray-900);text-decoration:none}.homepage-shell .btn-cta .btn-text{position:relative;z-index:2}.homepage-shell .btn-ripple{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.homepage-shell .btn-cta:hover .btn-ripple{left:100%}.homepage-shell .cta-note{font-size:.875rem;color:#ffffffb3;display:flex;align-items:center;gap:var(--space-xs)}.homepage-shell .cta-note i{color:#10b981}@media (max-width: 1024px){.homepage-shell .process-connection{display:none}}@media (max-width: 768px){.homepage-shell section{padding:var(--space-2xl) 0}.homepage-shell .section-header{margin-bottom:var(--space-2xl)}.homepage-shell .hero-section{min-height:80vh}.homepage-shell .hero-title{font-size:clamp(2rem,8vw,3rem)}.homepage-shell .section-title{font-size:clamp(1.75rem,6vw,2.5rem)}.homepage-shell .hero-description,.homepage-shell .section-description,.homepage-shell .cta-description{font-size:1.125rem}.homepage-shell .hero-stats{flex-direction:column;gap:var(--space-sm)}.homepage-shell .stat-divider{display:none}.homepage-shell .features-grid{grid-template-columns:1fr;gap:var(--space-md)}.homepage-shell .process-grid{grid-template-columns:1fr;gap:var(--space-lg)}.homepage-shell .btn-main,.homepage-shell .btn-cta{min-width:auto;width:100%;max-width:300px}.homepage-shell .floating-shape{filter:blur(60px)}.homepage-shell .shape-1{width:200px;height:200px}.homepage-shell .shape-2{width:150px;height:150px}.homepage-shell .shape-3{width:100px;height:100px}.homepage-shell .preview-overlay{position:relative;top:auto;right:auto;margin-top:var(--space-sm)}.homepage-shell .feature-highlight{display:inline-flex;margin-right:var(--space-sm)}}@media (max-width: 480px){.homepage-shell .section-badge,.homepage-shell .hero-badge,.homepage-shell .cta-badge{font-size:.75rem;padding:.375rem .75rem}.homepage-shell .hero-description br,.homepage-shell .section-description br,.homepage-shell .cta-description br{display:none}.homepage-shell .hero-title,.homepage-shell .section-title,.homepage-shell .cta-title{line-height:1.2}.homepage-shell .btn-main,.homepage-shell .btn-cta{font-size:1rem;padding:.875rem 1.5rem}.homepage-shell .floating-shape{display:none}}.homepage-shell .btn-main:focus,.homepage-shell .btn-cta:focus{outline:2px solid var(--primary-400);outline-offset:2px}@media (prefers-reduced-motion: reduce){.homepage-shell *,.homepage-shell *:before,.homepage-shell *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.homepage-shell .floating-shape,.homepage-shell .feature-highlight,.homepage-shell .highlight-dot{animation:none}}@media print{.homepage-shell .floating-elements,.homepage-shell .cta-pattern,.homepage-shell .process-bg,.homepage-shell .hero-bg{display:none}.homepage-shell .animated-element{opacity:1;transform:none}}