:root{--color-primary: #EF6C00;--color-primary-light: #FFB74D;--color-primary-dark: #E65100;--color-dark: #263238;--color-dark-light: #37474F;--color-surface: #FFF3E0;--color-surface-alt: #FBE9E7;--color-base: #FAFAFA;--color-base-alt: #F5F5F5;--color-white: #FFFFFF;--color-text: #212121;--color-text-secondary: #616161;--color-text-light: #9E9E9E;--color-text-on-dark: #FFFFFF;--color-text-on-primary: #FFFFFF;--max-width: 1200px;--section-padding: 96px 24px;--header-height: 72px;--transition: .3s ease;--font-sans: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height)}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-white);line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}ul{list-style:none}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06);z-index:1000;transition:box-shadow var(--transition)}.header.scrolled{box-shadow:0 2px 20px #00000014}.header-inner{max-width:var(--max-width);margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.logo{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--color-dark)}.logo span{color:var(--color-primary)}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{font-size:.9rem;font-weight:500;color:var(--color-text-secondary);transition:color var(--transition)}.nav-links a:hover{color:var(--color-primary)}.lang-toggle{display:flex;align-items:center;gap:4px;background:var(--color-base-alt);border-radius:20px;padding:4px;cursor:pointer}.lang-btn{padding:6px 12px;border-radius:16px;border:none;background:transparent;font-size:.8rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition)}.lang-btn.active{background:var(--color-white);color:var(--color-primary);box-shadow:0 1px 4px #0000001a}.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--color-dark);transition:all var(--transition)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-dark) 0%,var(--color-dark-light) 50%,#455A64 100%);padding:120px 24px 96px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(239,108,0,.15) 0%,transparent 70%);border-radius:50%}.hero:after{content:"";position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(239,108,0,.1) 0%,transparent 70%);border-radius:50%}.hero-content{max-width:var(--max-width);text-align:center;position:relative;z-index:1}.hero-title{font-size:clamp(3rem,8vw,5.5rem);font-weight:900;color:var(--color-text-on-dark);letter-spacing:-.03em;line-height:1.1;margin-bottom:8px}.hero-title-en{font-size:clamp(1rem,2vw,1.4rem);font-weight:500;color:var(--color-primary-light);letter-spacing:.3em;margin-bottom:24px}.hero-tagline{font-size:clamp(1.1rem,2.5vw,1.5rem);color:#fffc;font-weight:400;max-width:600px;margin:0 auto 48px;line-height:1.6}.hero-cta{display:inline-flex;align-items:center;gap:8px;padding:16px 40px;background:var(--color-primary);color:var(--color-text-on-primary);font-size:1.05rem;font-weight:600;border-radius:50px;border:none;cursor:pointer;transition:all var(--transition)}.hero-cta:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 8px 24px #ef6c004d}.section{padding:var(--section-padding)}.section-inner{max-width:var(--max-width);margin:0 auto}.section-header{text-align:center;margin-bottom:64px}.section-title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;color:var(--color-dark);letter-spacing:-.02em;margin-bottom:12px}.section-subtitle{font-size:1.05rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto}.business{background:var(--color-base)}.business-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.business-card{background:var(--color-white);border-radius:16px;padding:40px 32px;transition:all var(--transition);border:1px solid rgba(0,0,0,.04)}.business-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.business-icon{width:56px;height:56px;border-radius:14px;background:var(--color-surface);display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:1.5rem}.business-card h3{font-size:1.2rem;font-weight:700;color:var(--color-dark);margin-bottom:12px}.business-card p{font-size:.95rem;color:var(--color-text-secondary);line-height:1.7}.tech{background:var(--color-dark);color:var(--color-text-on-dark)}.tech .section-title{color:var(--color-text-on-dark)}.tech .section-subtitle{color:#ffffffb3}.tech-badge{display:inline-block;padding:6px 16px;background:#ef6c0026;color:var(--color-primary-light);border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.1em;margin-bottom:16px}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.tech-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:40px 32px;transition:all var(--transition)}.tech-card:hover{background:#ffffff14;border-color:#ef6c004d}.tech-card-number{font-size:.85rem;font-weight:700;color:var(--color-primary);margin-bottom:16px}.tech-card h3{font-size:1.25rem;font-weight:700;margin-bottom:12px}.tech-card p{font-size:.95rem;color:#ffffffb3;line-height:1.7}.portfolio{background:var(--color-base)}.portfolio-placeholder{text-align:center;padding:80px 32px;background:var(--color-white);border-radius:16px;border:2px dashed rgba(0,0,0,.1)}.portfolio-placeholder-icon{font-size:3rem;margin-bottom:16px;opacity:.4}.portfolio-placeholder h3{font-size:1.2rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:8px}.portfolio-placeholder p{font-size:.95rem;color:var(--color-text-light)}.contact{background:var(--color-white)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:900px;margin:0 auto}.contact-item{text-align:center;padding:40px 24px;background:var(--color-base);border-radius:16px}.contact-icon{width:48px;height:48px;border-radius:12px;background:var(--color-surface);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:1.3rem}.contact-item h3{font-size:.9rem;font-weight:600;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.contact-item p{font-size:1.1rem;font-weight:600;color:var(--color-dark)}.contact-item a{color:var(--color-primary);transition:color var(--transition)}.contact-item a:hover{color:var(--color-primary-dark)}.footer{background:var(--color-dark);color:#fff9;padding:40px 24px;text-align:center}.footer-inner{max-width:var(--max-width);margin:0 auto}.footer-copyright{font-size:.9rem;margin-bottom:8px}.footer-info{font-size:.8rem;color:#fff6}.fade-up{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-up.visible{opacity:1;transform:translateY(0)}@media (max-width: 768px){:root{--section-padding: 64px 20px;--header-height: 64px}.nav-links{position:fixed;top:var(--header-height);left:0;right:0;background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;padding:24px;gap:20px;border-bottom:1px solid rgba(0,0,0,.06);transform:translateY(-100%);opacity:0;pointer-events:none;transition:all var(--transition)}.nav-links.open{transform:translateY(0);opacity:1;pointer-events:auto}.nav-links a{font-size:1.05rem}.menu-toggle{display:flex}.hero{padding:100px 20px 80px;min-height:80vh}.hero-cta{padding:14px 32px;font-size:1rem}.section-header{margin-bottom:40px}.business-grid{grid-template-columns:1fr;gap:16px}.business-card{padding:32px 24px}.tech-grid{grid-template-columns:1fr;gap:20px}.contact-grid{grid-template-columns:1fr;gap:16px}}@media (max-width: 480px){.hero-title{font-size:2.5rem}.section-title{font-size:1.6rem}}