@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+KR:wght@300;400;500;700&display=swap";
:root{--primary:#213a7a;--primary-dark:#12224a;--accent:#78c055;--accent-light:#8cd669;--white:#fff;--bg-light:#f4f7fc;--bg-alt:#ebf0f8;--border:#d1dbe8;--border-light:#ebf0f8;--text-main:#2d3748;--text-muted:#4a5568;--text-light:#718096;--section-padding:130px 0;--container-max:1140px;--container-padding:0 40px;--font-primary:"Pretendard", "Noto Sans KR", "Inter", -apple-system, sans-serif;--transition:all .4s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{font-family:var(--font-primary);color:var(--text-main);background:var(--white);letter-spacing:-.01em;font-size:16px;font-weight:400;line-height:1.8;overflow-x:hidden}a{color:inherit;transition:var(--transition);text-decoration:none}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}.container{max-width:var(--container-max);padding:var(--container-padding);margin:0 auto}.section-header{text-align:center;margin-bottom:70px}.section-label{color:var(--accent);text-transform:uppercase;letter-spacing:.15em;margin-bottom:20px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;display:inline-block;position:relative}.section-label:after{content:"";background:var(--accent);width:20px;height:1px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.section-title{color:var(--primary-dark);letter-spacing:-.03em;margin-bottom:24px;font-size:2.75rem;font-weight:700;line-height:1.25}.section-desc{color:var(--text-muted);max-width:680px;margin:0 auto;font-size:1.1rem;font-weight:300;line-height:1.9}.btn-primary{background:var(--primary-dark);color:var(--white);letter-spacing:.05em;transition:var(--transition);border:1px solid var(--primary-dark);justify-content:center;align-items:center;padding:18px 42px;font-size:.95rem;font-weight:500;display:inline-flex}.btn-primary:hover{background:var(--accent);border-color:var(--accent);color:var(--white)}.btn-secondary{color:var(--primary-dark);letter-spacing:.05em;border:1px solid var(--primary-dark);transition:var(--transition);background:0 0;justify-content:center;align-items:center;padding:18px 42px;font-size:.95rem;font-weight:500;display:inline-flex}.btn-secondary:hover{background:var(--primary-dark);color:var(--white)}.header{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);width:100%;transition:var(--transition);background:#fffffffa;position:fixed;top:0;left:0}.top-bar{background:var(--primary-dark);color:#ffffffb3;letter-spacing:.05em;padding:10px 0;font-family:Inter,sans-serif;font-size:.75rem;font-weight:300}.top-bar-container{max-width:var(--container-max);padding:var(--container-padding);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.main-nav{padding:24px 0}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--primary-dark);letter-spacing:.15em;font-family:Inter,sans-serif;font-size:1.6rem;font-weight:700}.logo span{color:var(--accent)}.nav-links{align-items:center;gap:40px;display:flex}.nav-links a.nav-item{color:var(--text-muted);transition:var(--transition);font-size:.9rem;font-weight:500}.nav-links a.nav-item:hover{color:var(--primary-dark)}.nav-links .btn-nav{background:var(--primary-dark);color:var(--white);letter-spacing:.05em;transition:var(--transition);padding:12px 28px;font-size:.85rem;font-weight:500}.nav-links .btn-nav:hover{background:var(--accent)}.mobile-toggle{color:var(--primary-dark);cursor:pointer;font-size:1.5rem;display:none}.hero{background:var(--bg-light);border-bottom:1px solid var(--border);padding:220px 0 140px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#a8815108 0%,#0000 50%);position:absolute;inset:0}.hero .container{text-align:center;z-index:2;max-width:800px;position:relative}.hero-label{color:var(--accent);text-transform:uppercase;letter-spacing:.2em;border:1px solid #a881514d;border-radius:100px;margin-bottom:30px;padding:6px 16px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;display:inline-block}.hero h1{color:var(--primary-dark);letter-spacing:-.04em;margin-bottom:35px;font-size:4rem;font-weight:700;line-height:1.15}.hero-sub{color:var(--text-muted);margin-bottom:50px;font-size:1.25rem;font-weight:300;line-height:1.8}.hero-buttons{justify-content:center;gap:20px;display:flex}.trust-bar{background:var(--primary-dark);border-bottom:1px solid #ffffff0d;padding:50px 0}.trust-items{text-align:center;grid-template-columns:repeat(5,1fr);gap:30px;display:grid}.trust-item{flex-direction:column;gap:8px;display:flex}.trust-item strong{color:var(--white);letter-spacing:-.02em;font-family:Inter,sans-serif;font-size:2.4rem;font-weight:300;line-height:1}.trust-item span{color:#fff9;font-size:.8rem;font-weight:400;line-height:1.5}.about{padding:var(--section-padding);background:var(--white)}.about-content{grid-template-columns:1.2fr 1fr;align-items:center;gap:100px;display:grid}.about-text h3{color:var(--primary-dark);letter-spacing:-.03em;margin-bottom:30px;font-size:2.2rem;font-weight:700;line-height:1.3}.about-text p{color:var(--text-muted);margin-bottom:24px;font-size:1.05rem;font-weight:300;line-height:1.9}.about-text strong{color:var(--primary-dark);font-weight:500}.values-inline{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:40px;margin-top:45px;padding-top:45px;display:grid}.value-item h4{color:var(--primary-dark);margin-bottom:12px;font-size:1.15rem;font-weight:600}.value-item p{color:var(--text-muted);font-size:.95rem;font-weight:300;line-height:1.7}.about-right{grid-template-columns:1fr 1fr;gap:20px;display:grid}.stat-box{background:var(--bg-light);text-align:center;border:1px solid var(--border-light);transition:var(--transition);padding:45px 30px}.stat-box:hover{background:var(--white);border-color:var(--border);box-shadow:0 10px 40px -10px #0f172a14}.stat-box h4{color:var(--accent);margin-bottom:12px;font-family:Inter,sans-serif;font-size:2.5rem;font-weight:300;line-height:1}.stat-box p{color:var(--text-main);font-size:.9rem;font-weight:500;line-height:1.5}.services{padding:var(--section-padding);background:var(--bg-light);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.services-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.service-card{background:var(--white);border:1px solid var(--border);transition:var(--transition);flex-direction:column;padding:50px 40px;display:flex}.service-card:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 20px 40px -15px #0f172a0d}.service-icon{opacity:.9;margin-bottom:30px;font-size:2rem}.service-card h3{color:var(--primary-dark);letter-spacing:-.02em;margin-bottom:16px;font-size:1.25rem;font-weight:600;line-height:1.4}.service-card p{color:var(--text-muted);flex:1;margin-bottom:25px;font-size:.95rem;font-weight:300;line-height:1.8}.service-link{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;border-top:1px solid var(--border-light);padding-top:20px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600}.industries{padding:var(--section-padding);background:var(--white)}.industry-tabs{border-bottom:1px solid var(--border);margin-bottom:50px;display:flex}.industry-tab{color:var(--text-light);transition:var(--transition);text-align:center;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:24px 20px;font-size:1.05rem;font-weight:500}.industry-tab:hover{color:var(--primary-dark)}.industry-tab.active{color:var(--primary-dark);border-bottom-color:var(--primary-dark);font-weight:600}.industry-content{background:var(--bg-light);border:1px solid var(--border-light);padding:60px}.industry-detail h3{color:var(--primary-dark);letter-spacing:-.03em;margin-bottom:20px;font-size:1.8rem;font-weight:700}.industry-detail p{color:var(--text-muted);margin-bottom:30px;font-size:1.1rem;font-weight:300;line-height:1.8}.industry-tags{flex-wrap:wrap;gap:12px;display:flex}.industry-tag{color:var(--primary-dark);background:var(--white);border:1px solid var(--border);letter-spacing:.05em;padding:8px 18px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:500}.portfolio{padding:var(--section-padding);background:var(--bg-light);border-top:1px solid var(--border)}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:40px;display:grid}.portfolio-card{border:1px solid var(--border);background:var(--white);transition:var(--transition)}.portfolio-card:hover{border-color:var(--accent);box-shadow:0 25px 50px -12px #0f172a14}.portfolio-image{background:var(--primary-dark);border-bottom:1px solid var(--border);height:300px;position:relative;overflow:hidden}.portfolio-image img{object-fit:cover;opacity:.85;width:100%;height:100%;transition:opacity .5s}.portfolio-card:hover .portfolio-image img{opacity:1}.portfolio-content{padding:40px}.portfolio-tag{color:var(--accent);text-transform:uppercase;letter-spacing:.15em;margin-bottom:16px;font-family:Inter,sans-serif;font-size:.7rem;font-weight:600;display:inline-block}.portfolio-content h3{color:var(--primary-dark);letter-spacing:-.03em;margin-bottom:8px;font-size:1.6rem;font-weight:700}.portfolio-subtitle{color:var(--text-main);margin-bottom:20px;font-size:1rem;font-weight:500}.portfolio-content p{color:var(--text-muted);margin-bottom:30px;font-size:.95rem;font-weight:300;line-height:1.8}.portfolio-results{border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);gap:40px;margin-bottom:24px;padding:24px 0;display:flex}.result{flex-direction:column;gap:6px;display:flex}.result strong{color:var(--primary-dark);font-family:Inter,sans-serif;font-size:1.5rem;font-weight:400}.result span{color:var(--text-light);font-size:.85rem}.portfolio-specs{flex-wrap:wrap;gap:10px;display:flex}.portfolio-specs span{color:var(--text-muted);background:var(--bg-light);border:1px solid var(--border);padding:6px 14px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500}.why-us{padding:var(--section-padding);background:var(--white)}.why-grid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.why-card{border:1px solid var(--border);background:var(--bg-light);transition:var(--transition);padding:60px 50px}.why-card:hover{background:var(--white);border-color:var(--primary-dark)}.why-num{color:var(--accent);margin-bottom:20px;font-family:Inter,sans-serif;font-size:3rem;font-weight:300;line-height:1}.why-card h3{color:var(--primary-dark);letter-spacing:-.02em;margin-bottom:16px;font-size:1.4rem;font-weight:700}.why-card p{color:var(--text-muted);font-size:1rem;font-weight:300;line-height:1.8}.technical{padding:var(--section-padding);background:var(--primary-dark);color:var(--white)}.technical .section-title{color:var(--white)}.technical .section-desc{color:#ffffff80}.technical .section-label{color:var(--accent)}.methodology-grid{background:#ffffff1a;border:1px solid #ffffff1a;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.method-step{background:var(--primary-dark);transition:var(--transition);padding:50px 40px}.method-step:hover{background:#060b14}.method-num{color:var(--accent);margin-bottom:20px;font-family:Inter,sans-serif;font-size:2.5rem;font-weight:300;line-height:1}.method-step h4{color:var(--white);letter-spacing:-.02em;margin-bottom:14px;font-size:1.15rem;font-weight:600}.method-step p{color:#fff9;font-size:.95rem;font-weight:300;line-height:1.7}.tech-stack{padding:var(--section-padding);background:var(--white)}.tech-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.tech-category{background:var(--bg-light);border:1px solid var(--border);padding:40px}.tech-category h4{color:var(--primary-dark);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:16px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600}.tech-items{flex-wrap:wrap;gap:10px;display:flex}.tech-items span{color:var(--text-main);background:var(--white);border:1px solid var(--border);padding:8px 16px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500}.cta-banner{background:var(--bg-light);border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center;padding:100px 0}.cta-banner h2{color:var(--primary-dark);letter-spacing:-.03em;margin-bottom:20px;font-size:2.2rem;font-weight:700}.cta-banner p{color:var(--text-muted);margin-bottom:40px;font-size:1.1rem;font-weight:300;line-height:1.8}.contact{padding:var(--section-padding);background:var(--white)}.contact-wrap{grid-template-columns:1fr 1.8fr;gap:60px;display:grid}.contact-info{background:var(--primary-dark);color:var(--white);padding:50px}.contact-info h3{color:var(--white);border-bottom:1px solid #ffffff1a;margin-bottom:40px;padding-bottom:24px;font-size:1.6rem;font-weight:600}.info-item{margin-bottom:30px}.info-item h5{color:var(--accent);text-transform:uppercase;letter-spacing:.15em;margin-bottom:10px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600}.info-item p{color:#fffc;font-size:1.05rem;font-weight:300;line-height:1.7}.contact-form{border:1px solid var(--border);background:var(--bg-light);padding:50px}.form-row{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.form-group{margin-bottom:0}.form-group label{color:var(--primary-dark);margin-bottom:10px;font-size:.9rem;font-weight:500;display:block}.form-control{border:1px solid var(--border);background:var(--white);width:100%;color:var(--text-main);transition:var(--transition);padding:16px 20px;font-size:.95rem}.form-control:focus{border-color:var(--primary-dark);box-shadow:0 0 0 1px var(--primary-dark);outline:none}textarea.form-control{resize:vertical;height:180px}.footer{background:var(--primary-dark);color:var(--white);border-top:1px solid #ffffff1a;padding:80px 0 40px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px;display:grid}.footer-brand .logo{color:var(--white);margin-bottom:20px;display:block}.footer-brand p{color:#ffffff80;font-size:.95rem;font-weight:300;line-height:1.8}.footer-nav h4{color:var(--white);text-transform:uppercase;letter-spacing:.1em;margin-bottom:24px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600}.footer-nav ul li{margin-bottom:12px}.footer-nav ul a{color:#ffffff80;transition:var(--transition);font-size:.95rem;font-weight:300}.footer-nav ul a:hover{color:var(--accent)}.footer-bottom{color:#fff6;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-top:30px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:300;display:flex}@media (max-width:1024px){.hero h1{font-size:3rem}.about-content{grid-template-columns:1fr;gap:50px}.services-grid{grid-template-columns:repeat(2,1fr)}.portfolio-grid{grid-template-columns:1fr}.methodology-grid,.tech-grid{grid-template-columns:repeat(2,1fr)}.why-grid,.contact-wrap{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.trust-items{grid-template-columns:repeat(3,1fr);gap:40px}.industry-tabs{flex-wrap:wrap}}@media (max-width:768px){:root{--section-padding:80px 0;--container-padding:0 24px}.top-bar,.nav-links{display:none}.mobile-toggle{display:block}.hero{padding:160px 0 80px}.hero h1{font-size:2.2rem}.services-grid,.methodology-grid,.tech-grid,.form-row,.footer-grid{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column;gap:16px}.trust-items{grid-template-columns:repeat(2,1fr)}.about-right,.values-inline{grid-template-columns:1fr}.industry-tabs{flex-direction:column}.industry-content{padding:30px}.portfolio-results{flex-direction:column;gap:20px}.contact-info,.contact-form,.why-card,.service-card{padding:30px 24px}}