@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";html{scroll-behavior:smooth}:root{--core-navy: #0A1E3F;--core-blue: #2563EB;--aqua: #00A6FF;--amber: #FF8A00;--neutral-dark: #111827;--neutral-light: #E5EAF0;--bg-color: var(--core-navy);--panel-bg: rgba(17, 24, 39, .45);--header-bg: rgba(10, 30, 63, .85);--accent-color: var(--aqua);--accent-secondary: var(--amber);--accent-glow: rgba(0, 166, 255, .15);--text-primary: #ffffff;--text-secondary: var(--neutral-light);--gradient-primary: linear-gradient(135deg, var(--aqua) 0%, var(--core-blue) 50%, var(--amber) 100%);--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1)}.light-reader-mode{--bg-color: #FAFAFA;--panel-bg: #FFFFFF;--header-bg: rgba(250, 250, 250, .9);--text-primary: #1F2937;--text-secondary: #4B5563;--accent-color: var(--core-blue)}body.light-reader-mode{background-image:none}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;background-color:var(--bg-color);background-image:radial-gradient(circle at 0% 0%,rgba(37,99,235,.08) 0%,transparent 40%),radial-gradient(circle at 100% 100%,rgba(0,166,255,.05) 0%,transparent 50%),radial-gradient(circle at 50% 150%,rgba(255,138,0,.03) 0%,transparent 60%);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;color:var(--text-primary);line-height:1.6;overflow-x:hidden;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{font-family:"Pretendard",-apple-system,BlinkMacSystemFont,inherit;font-weight:800;letter-spacing:-.03em;color:var(--text-primary)}section h2{font-size:clamp(2rem,4vw,3rem);text-align:center;margin-bottom:4rem}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}.mobile-only{display:none}.desktop-only{display:block}.blog-article-title{font-size:3rem;margin-bottom:1rem;line-height:1.2}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 10px var(--accent-glow)}50%{box-shadow:0 0 25px var(--accent-glow)}}@keyframes pulseGlow{0%{transform:translate(-50%,-50%) scale(1);opacity:.5}to{transform:translate(-50%,-50%) scale(1.15);opacity:.8}}.glass{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:28px;box-shadow:0 4px 24px -1px #0003}section{padding:8rem 0}.top-banner{background:var(--gradient-primary);color:#fff;font-size:.85rem;padding:.5rem 0;position:fixed;top:0;left:0;width:100%;z-index:1001;text-align:center}.top-banner-content{display:flex;align-items:center;justify-content:center;gap:1rem}.banner-badge{background:#fff3;padding:.1rem .6rem;border-radius:4px;font-weight:700;font-size:.75rem}.banner-link{color:#fff;text-decoration:none;font-weight:700;border-bottom:1px solid rgba(255,255,255,.5);transition:opacity .2s}.banner-link:hover{opacity:.8}.header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.03);background:#0a1e3fb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nav-container{display:flex;justify-content:space-between;align-items:center}.header .logo a{font-family:Outfit,sans-serif;font-weight:700}.header-logo-img{height:240px;width:auto;margin:-85px 0 -100px -60px;display:block;max-width:none}.nav{display:flex;gap:2rem;align-items:center}.nav a{text-decoration:none;color:var(--text-secondary);font-weight:600;font-size:1rem;transition:var(--transition-smooth)}.nav a:hover{color:var(--text-primary)}.nav-cta{padding:.6rem 1.25rem;background:var(--text-primary);color:#fff!important;border-radius:50px}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00000026}.hero{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hero-glow{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(37,99,235,.3) 0%,rgba(0,166,255,.1) 40%,transparent 70%);filter:blur(80px);z-index:1;border-radius:50%;animation:pulseGlow 6s infinite alternate ease-in-out;pointer-events:none}.hero h1{font-size:clamp(3rem,8vw,6rem);line-height:1.1;margin-bottom:1.5rem;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:fadeInUp 1s ease-out}.hero p{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto 2.5rem;animation:fadeInUp 1.2s ease-out}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;border-radius:9999px;text-decoration:none;font-weight:700;font-size:1rem;transition:var(--transition-smooth);cursor:pointer}.btn-primary{background:var(--gradient-primary);color:#fff;border:none}.btn-primary:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00a6ff66}.persona-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:4rem;position:relative}@media(max-width:992px){.persona-grid{grid-template-columns:1fr;gap:3rem}}.interactive-card{position:relative;background:#11182799;border:1px solid rgba(255,255,255,.05);border-radius:28px;padding:3rem 2.5rem;overflow:hidden;transition:all .5s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;z-index:1}.persona-glow-bg{position:absolute;top:50%;left:50%;width:150%;height:150%;transform:translate(-50%,-50%) scale(.8);border-radius:50%;filter:blur(80px);opacity:0;transition:all .6s ease-out;pointer-events:none;z-index:-1}.aqua-glow{background:radial-gradient(circle,rgba(0,166,255,.15) 0%,transparent 70%)}.amber-glow{background:radial-gradient(circle,rgba(255,138,0,.15) 0%,transparent 70%)}.navy-glow{background:radial-gradient(circle,rgba(37,99,235,.15) 0%,transparent 70%)}.interactive-card:hover{transform:translateY(-10px) scale(1.02);border-color:#ffffff26;box-shadow:0 20px 40px #0009}.interactive-card:hover .persona-glow-bg{opacity:1;transform:translate(-50%,-50%) scale(1)}.card-content{position:relative;z-index:2;flex:1;display:flex;flex-direction:column}.interactive-card .tag{align-self:flex-start;margin-bottom:2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.5rem 1rem;border-radius:50px;font-size:.85rem;letter-spacing:.05em;font-weight:600;color:var(--text-secondary);transition:all .3s ease}.marketing-card:hover .tag{color:var(--aqua);border-color:#00a6ff4d}.hr-card:hover .tag{color:var(--amber);border-color:#ff8a004d}.ceo-card:hover .tag{color:#fff;border-color:#ffffff4d}.interactive-card h3{font-size:1.8rem;margin-bottom:1.5rem;color:var(--text-primary);line-height:1.3}.interactive-card p{color:var(--text-secondary);font-size:1.1rem;line-height:1.7;margin-bottom:2rem;flex:1}.benefit-list{list-style:none;padding:0;margin:0;border-top:1px solid rgba(255,255,255,.05);padding-top:1.5rem}.benefit-list li{position:relative;padding-left:1.5rem;margin-bottom:.8rem;color:var(--text-secondary);font-size:.95rem}.benefit-list li:before{content:"→";position:absolute;left:0;color:var(--core-blue);font-weight:700}.marketing-card:hover .benefit-list li:before{color:var(--aqua)}.hr-card:hover .benefit-list li:before{color:var(--amber)}.ceo-card:hover .benefit-list li:before{color:#fff}.pain-points-section{background-color:var(--neutral-light);padding:8rem 0;position:relative;border-top:1px solid rgba(0,0,0,.05)}.container-narrow{max-width:900px;margin:0 auto}.dark-text{color:var(--neutral-dark);font-size:clamp(2rem,4vw,3rem);text-align:center;margin-bottom:4rem;line-height:1.3}.highlight-text{color:var(--core-blue)}.pain-point-bubble{background:#fff;border-radius:24px 24px 24px 0;padding:3rem;margin-bottom:2rem;box-shadow:0 10px 40px #0a1e3f14;border:1px solid rgba(10,30,63,.05);position:relative;transition:transform .3s ease}.pain-point-bubble:nth-child(2n){border-radius:24px 24px 0;transform-origin:right bottom}.pain-point-bubble:hover{transform:translateY(-5px)}.pain-point-bubble h3{color:var(--core-navy);font-size:1.4rem;margin-bottom:1rem}.pain-point-bubble p{color:#111827b3;font-size:1.1rem;line-height:1.7}.contact-section{padding:8rem 0;border-top:1px solid rgba(255,255,255,.05)}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}@media(max-width:768px){.contact-container{grid-template-columns:1fr}}.contact-text h2{font-size:clamp(3rem,5vw,4.5rem);line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.03em}.contact-text p{color:var(--text-secondary);font-size:1.2rem;line-height:1.6}.contact-form-wrapper{padding:3rem;border-radius:24px}.lead-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group textarea{background:#0a1e3f80;border:1px solid rgba(255,255,255,.1);padding:1rem 1.2rem;border-radius:12px;color:#fff;font-family:inherit;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--aqua);box-shadow:0 0 0 3px #00a6ff1a}.form-group textarea{resize:vertical}.submit-btn{width:100%;padding:1.2rem;font-size:1.1rem;margin-top:1rem}.form-footer-text{text-align:center;font-size:.8rem;color:#fff6;margin-top:.5rem}.form-message{margin-top:1rem;text-align:center;font-weight:600;font-size:.95rem}.form-message.success{color:#10b981}.form-message.error{color:#ef4444}.stats-section{padding:8rem 0;position:relative}.stats-grid{gap:2.5rem}.stat-card{text-align:center;padding:4rem 2rem;background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.06)}.stat-source{font-size:.8rem;color:var(--accent-color);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2rem;opacity:.8}.stat-number{font-size:5rem;font-weight:800;font-family:Outfit,Pretendard,sans-serif;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;line-height:1}.stat-unit{font-size:3rem;font-weight:800;color:var(--accent-color);vertical-align:top;margin-left:.2rem}.stat-card h3{font-size:1.3rem;margin-top:1.5rem;margin-bottom:1rem;color:#fff}.stat-card p{font-size:.95rem;color:#fff9;line-height:1.6}.usecase-section{padding:8rem 0;background-color:var(--neutral-dark);position:relative}.usecase-container{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.usecase-tabs{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.tab-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1.1rem;font-weight:600;padding:.8rem 1.5rem;border-radius:999px;cursor:pointer;transition:all .3s ease;position:relative}.tab-btn:hover{color:#fff;background:#ffffff0d}.tab-btn.active{color:#fff;background:var(--accent-glow);box-shadow:inset 0 0 0 1px #00a6ff4d}.usecase-content-area{position:relative;min-height:440px}.tab-pane{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .5s cubic-bezier(.16,1,.3,1)}.tab-pane.active{position:relative;opacity:1;visibility:visible;transform:translateY(0)}.pane-content{padding:4rem;border-radius:24px;display:flex;flex-direction:column;background:#11182799;border:1px solid rgba(255,255,255,.05);box-shadow:0 10px 30px #0006}.pane-content h3{font-size:2rem;margin-bottom:1rem;color:#fff}.pane-content p{font-size:1.15rem;margin-bottom:1.5rem;line-height:1.7;color:var(--text-secondary)}.pane-visual{margin-top:2rem;background:#0003;border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.05);display:flex;justify-content:center}.fake-dashboard{width:100%;max-width:500px;background:#1e293b;border-radius:8px;border:1px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:0 10px 25px #0000004d}.fake-header{background:#0f172a;padding:.75rem 1rem;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);font-size:.8rem;color:var(--text-secondary);font-weight:500}.fake-header .dots{display:flex;gap:6px;margin-right:1rem}.fake-header .dot{width:10px;height:10px;border-radius:50%}.dot.red{background:#ef4444}.dot.yellow{background:#f59e0b}.dot.green{background:#10b981}.fake-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;min-height:150px}.fake-chart.bars{display:flex;align-items:flex-end;gap:15px;height:100px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:5px}.fake-chart .bar{flex:1;background:var(--core-blue);border-radius:4px 4px 0 0;animation:growUp 1.5s ease-out}@keyframes growUp{0%{height:0}}.fake-alert{padding:.8rem;background:#f59e0b1a;border-left:3px solid var(--amber);border-radius:4px;font-size:.9rem;color:var(--amber)}.fake-msg{padding:.8rem 1rem;border-radius:12px;font-size:.9rem;max-width:80%;box-shadow:0 2px 5px #0000001a}.fake-msg.user{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);align-self:flex-end;border-bottom-right-radius:4px;color:#fff}.fake-msg.bot{background:#00a6ff1a;border:1px solid rgba(0,166,255,.2);align-self:flex-start;border-bottom-left-radius:4px;color:#fff}.donut-chart{width:120px;height:120px;border-radius:50%;background:conic-gradient(var(--core-blue) 0% 70%,var(--aqua) 70% 90%,rgba(255,255,255,.1) 90% 100%);display:flex;align-items:center;justify-content:center;position:relative}.donut-center{width:90px;height:90px;background:#1e293b;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.7rem;color:var(--text-secondary);text-align:center}.donut-center b{font-size:1.1rem;color:#fff;margin-top:2px}.ticker-section{padding:3rem 0;background:#0a1e3f66;border-top:1px solid rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.03);position:relative;overflow:hidden;display:flex;align-items:center}.ticker-label{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--bg-color) 70%,transparent 100%);z-index:10;display:flex;align-items:center;padding:0 4rem 0 2rem;font-weight:800;font-size:1.1rem;color:#fff;letter-spacing:-.02em}.ticker-wrapper{overflow:hidden;white-space:nowrap;width:100%;display:flex;align-items:center}.ticker-track{display:flex;gap:3rem;animation:scrollTicker 30s linear infinite;padding-left:15rem}.ticker-item{color:#fff9;font-size:1rem;font-weight:600;padding:.5rem 1.5rem;background:#ffffff0d;border-radius:50px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.ticker-item:hover{color:#fff;background:#ffffff1a;border-color:#fff3}@keyframes scrollTicker{0%{transform:translate(0)}to{transform:translate(-50%)}}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:4rem}.card{padding:3rem;transition:all .4s cubic-bezier(.16,1,.3,1)}.card:hover{transform:translateY(-8px);background:#ffffff09;border-color:#ffffff1f;box-shadow:0 24px 48px -12px #0009}.card h3{font-size:1.5rem;margin-bottom:1rem}.card p{color:#ffffffb3;font-size:1.05rem;line-height:1.6;font-weight:400}.tag{display:inline-block;padding:.25rem .75rem;background:#2563eb1a;color:var(--accent-color);border-radius:6px;font-size:.8rem;font-weight:700;margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:.02em}.btn-text{display:inline-block;margin-top:1.5rem;color:var(--accent-color);text-decoration:none;font-weight:600;font-size:.9rem;transition:var(--transition-smooth)}.btn-text:hover{transform:translate(5px);opacity:.8}.header.glass-light{background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05)}.light-reader-mode .header-logo-img{filter:invert(1) hue-rotate(180deg) brightness(.2);opacity:.9}.light-reader-mode .header .logo a span{color:#111827}.light-reader-mode .nav a{color:#4b5563}.light-reader-mode .nav a:hover,.light-reader-mode .nav a.active{color:var(--core-blue)}.light-reader-mode .nav-cta{border-color:#0000001a;color:#111827}.progress-container{width:100%;height:4px;background:transparent;position:fixed;top:0;left:0;z-index:1001}.progress-bar{height:4px;background:var(--gradient-primary);width:0%}.executive-summary{background:#f3f4f6;border-left:4px solid var(--core-blue);padding:2rem;border-radius:0 12px 12px 0;margin:2rem 0 3rem;box-shadow:0 4px 6px -1px #0000000d}.summary-title{font-family:Outfit,sans-serif;font-weight:700;color:var(--core-blue);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;margin-bottom:1rem}.executive-summary ul{list-style:none;padding-left:0}.executive-summary li{position:relative;padding-left:1.5rem;margin-bottom:1rem;color:var(--text-primary);line-height:1.6}.executive-summary li:last-child{margin-bottom:0}.executive-summary li:before{content:"→";color:var(--core-blue);position:absolute;left:0;font-weight:700}.light-reader-mode .tag{background:#2563eb1a;color:var(--core-blue);border:none}.light-reader-mode h1,.light-reader-mode h2,.light-reader-mode h3{color:#111827}.light-reader-mode .article-content p{color:#374151}.light-reader-mode .btn-primary{box-shadow:0 4px 12px #2563eb4d}.filter-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:.6rem 1.5rem;border-radius:999px;font-family:inherit;font-size:.95rem;font-weight:500;cursor:pointer;transition:var(--transition-smooth);white-space:nowrap}.filter-btn:hover{background:#ffffff1a;color:#fff}.filter-btn.active{background:var(--core-blue);border-color:var(--core-blue);color:#fff;font-weight:600}.blog-thumbnail{width:calc(100% + 4rem);margin:-2rem -2rem 1.5rem;height:200px;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid rgba(255,255,255,.05);border-radius:16px 16px 0 0}.blog-thumbnail svg{width:48px;height:48px;color:#ffffff80;position:relative;z-index:1;transition:var(--transition-smooth)}.card:hover .blog-thumbnail svg{color:#fff;transform:scale(1.1)}.blog-filters .container::-webkit-scrollbar{display:none}.blog-filters .container{-ms-overflow-style:none;scrollbar-width:none}.featured-post-banner{border-radius:24px;padding:4rem;display:flex;flex-direction:column;justify-content:center;min-height:400px;position:relative;overflow:hidden;background:linear-gradient(145deg,#0a1e3fcc,#111827e6);border:1px solid rgba(255,255,255,.05);cursor:pointer}.featured-bg-swirl{position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,166,255,.1) 0%,transparent 70%);border-radius:50%}@media(max-width:768px){.card{padding:1.5rem!important}.contact-container{gap:2rem;text-align:center}.contact-section{padding:4rem 0}.contact-text h2{font-size:2.2rem;margin-bottom:1rem}.contact-text p{font-size:1rem;margin:0 auto}.contact-text p br{display:none}.contact-form-wrapper{padding:1.5rem;text-align:left}.featured-post-banner{padding:2rem;min-height:300px}.header{top:55px!important}.header-logo-img{height:120px;margin:-40px 0 -50px -20px}.nav{gap:.6rem;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:5px}.nav::-webkit-scrollbar{display:none}.nav a{font-size:.8rem;white-space:nowrap}.nav-cta{padding:.4rem .6rem;font-size:.8rem}.featured-post-banner h1{font-size:2.2rem!important}.featured-bg-swirl{width:300px;height:300px;top:-20%;right:-10%}.hero-buttons{flex-direction:column;gap:1rem!important;width:100%}.hero-btn{width:100%;padding:1rem 0!important;font-size:1rem!important}.top-banner{padding:.6rem 0}.banner-text{font-size:.8rem}.blog-thumbnail{margin:-1.5rem -1.5rem 1.2rem;width:calc(100% + 3rem);height:160px}.desktop-only{display:none!important}.mobile-only{display:block!important}.blog-article-title{font-size:2.2rem!important}.executive-summary{padding:1.5rem;margin:1.5rem 0 2rem}.light-reader-mode .article-content{padding:0 1rem}.blog-hero h1{font-size:2.5rem!important}}