:root{font-family:Inter,Noto Sans SC,Spoqa Han Sans Neo,Pretendard,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--primary-brand: #0A3A78;--primary-brand-light: #1E5A9A;--accent-color: #4A90E2;--primary-bg: #F8F9FA;--text-primary: #212529;--text-secondary: #495057;--border-color: #DEE2E6;--white: #ffffff;--radius-lg: 1.25rem;--radius-md: .75rem;--shadow-soft: 0 10px 35px rgba(7, 28, 67, .12)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--primary-bg);color:var(--text-primary)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}main{flex:1;width:100%}.app-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{position:sticky;top:0;z-index:10;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}.header-inner{width:min(1360px,100%);margin:0 auto;padding:0 clamp(1.5rem,4vw,3rem);min-height:76px;display:flex;align-items:center;gap:1.5rem}.brand{flex-shrink:0}.brand-link{display:flex;align-items:center;gap:.85rem}.brand-text{display:flex;flex-direction:column;font-size:.9rem;color:var(--text-secondary);white-space:nowrap;align-items:flex-start}.brand-logo{width:3.5rem;height:3.5rem;border-radius:.9rem;object-fit:contain;padding:.2rem;background:var(--white);border:none}.brand-top{font-size:clamp(1.15rem,2.6vw,1.45rem);color:var(--primary-brand);font-weight:600;line-height:1.2}.brand-top-zh{font-family:STKaiti,KaiTi,KaiTi SC,Kaiti TC,DFKai-SB,serif;font-weight:600}.brand-bottom{font-size:clamp(.65rem,1.4vw,.85rem);color:var(--text-secondary);font-family:Helvetica,Arial,sans-serif;padding-left:.35rem}.main-nav{display:flex;flex:1 1 auto;align-items:center;justify-content:center;gap:clamp(.75rem,1.2vw,1.5rem);min-width:320px;flex-wrap:nowrap}.nav-link{padding:.6rem .9rem;border-radius:var(--radius-md);font-weight:500;color:var(--text-secondary);transition:color .2s,background .2s;white-space:nowrap;text-align:center}.nav-link.active{background:var(--primary-brand-light);color:var(--white)}.nav-link:hover:not(.active){color:var(--primary-brand)}.mobile-menu-toggle{display:none;width:2.4rem;height:2.4rem;background:transparent;border:none;cursor:pointer;position:relative;z-index:110}.hamburger-icon,.hamburger-icon:before,.hamburger-icon:after{content:"";display:block;width:1.5rem;height:2px;background:var(--primary-brand);border-radius:2px;transition:all .3s ease-in-out;position:absolute;left:50%;transform:translate(-50%)}.hamburger-icon{top:50%;transform:translate(-50%,-50%)}.hamburger-icon:before{top:-7px}.hamburger-icon:after{top:7px}.mobile-menu-toggle.open .hamburger-icon{background:transparent}.mobile-menu-toggle.open .hamburger-icon:before{top:0;transform:rotate(45deg)}.mobile-menu-toggle.open .hamburger-icon:after{top:0;transform:rotate(-45deg)}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:.85rem;flex-wrap:wrap;flex:0 0 auto;margin-left:auto}.lang-dropdown{position:relative}.lang-toggle{display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;padding:.5rem 1rem;min-width:140px;justify-content:space-between;border:1px solid var(--border-color);background:#fffffff2;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:border-color .2s,box-shadow .2s}.lang-toggle .chevron{width:12px;height:7px}.lang-dropdown.open .lang-toggle{border-color:var(--primary-brand);box-shadow:0 8px 20px #071c432e;color:var(--primary-brand)}.lang-menu{position:absolute;top:calc(100% + .4rem);right:0;background:var(--white);border-radius:1rem;padding:.5rem;box-shadow:0 20px 45px #071c4326;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:.2rem;min-width:190px;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .2s,transform .2s;z-index:15}.lang-dropdown.open .lang-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.lang-menu-item{border:none;background:transparent;border-radius:.75rem;padding:.4rem .7rem;display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:background .2s,color .2s}.lang-menu-item:hover{background:#0f1f3d0f}.lang-menu-item.selected{background:#0f1f3d1a;color:var(--primary-brand)}.flag-icon{width:1.65rem;height:1.65rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;letter-spacing:.05em;background:var(--border-color);color:var(--primary-brand)}.flag-icon.en{background:linear-gradient(135deg,#dfe5f2,#b9c5de)}.flag-icon.zh{background:linear-gradient(135deg,#f2e4d8,#d7c3ae)}.flag-icon.ko{background:linear-gradient(135deg,#e4f0f5,#c5dbe6)}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border-radius:999px;padding:.8rem 1.5rem;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .2s;white-space:nowrap}.primary-btn{background:linear-gradient(135deg,var(--primary-brand),var(--primary-brand-light));color:var(--white);box-shadow:var(--shadow-soft)}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #071c4326}.secondary-btn,.primary-btn.ghost{background:transparent;border-color:var(--border-color);color:var(--primary-brand)}.primary-btn.ghost:hover{background:var(--primary-bg);border-color:var(--primary-brand)}.page{padding:clamp(2rem,4vw,3.5rem) clamp(1.5rem,5vw,3rem) 4rem;width:min(1360px,100%);margin:0 auto;display:flex;flex-direction:column;gap:2.5rem}.hero{position:relative;border-radius:var(--radius-lg);overflow:hidden;padding:clamp(2rem,4.5vw,3.5rem);min-height:600px;box-shadow:var(--shadow-soft);background-size:cover;background-position:center;display:flex;align-items:flex-start;color:#fff}.hero-overlay{position:absolute;inset:0;background:linear-gradient(120deg,#000000b3,#0006);z-index:0}.hero-text-block{position:relative;z-index:1;max-width:75%;display:flex;flex-direction:column;gap:1rem;margin-top:.75rem}.hero-eyebrow{letter-spacing:.28em;text-transform:uppercase;font-size:1rem;color:#fffc;margin:0;font-weight:700}.hero-company{margin:0;font-size:1.4rem;color:#ffffffeb;font-weight:600}.hero-text-block h1{margin:0;color:#fff;font-size:clamp(2.8rem,5vw,4.2rem)}.hero-subhead{margin:0;font-size:1.05rem;line-height:1.6;color:#ffffffeb}.hero-identity{display:flex;flex-direction:column;gap:.25rem;color:#ffffffe6;font-size:1.05rem;line-height:1.6;margin-top:.3rem}.lang-en .hero-text-block h1{font-size:clamp(2.8rem,5vw,3.6rem)}.lang-en .hero-eyebrow{font-size:1.2rem}.lang-en .hero-company{font-size:1.6rem}.lang-en .hero-subhead{font-size:1.1rem}.lang-ko .hero-eyebrow{font-size:1.2rem}.lang-ko .hero-company{font-size:1.8rem}.lang-ko .hero-subhead{font-size:1.3rem}.lang-zh .hero-text-block h1{font-size:clamp(3rem,5.5vw,4.5rem)}.lang-zh .hero-eyebrow{font-size:1.1rem}.lang-zh .hero-company{font-size:1.9rem}.lang-zh .hero-subhead{font-size:1.25rem}.card-section{display:flex;flex-direction:column;gap:1.5rem}.section-heading{display:flex;flex-direction:column;gap:.4rem}.section-heading.with-icon{flex-direction:row;align-items:center;gap:.85rem}.section-heading h2{margin:0}.section-heading p{margin:0;color:var(--text-muted)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.card-grid.three{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.info-card,.highlight-card,.product-card{background:var(--white);border-radius:var(--radius-md);padding:1.5rem;border:1px solid var(--border-color);box-shadow:0 6px 20px #071c430f;transition:transform .2s,box-shadow .2s}.info-card{display:flex;flex-direction:column;gap:.85rem}.highlight-card{display:flex;align-items:flex-start;gap:1rem;position:relative;overflow:hidden}.info-card:hover,.highlight-card:hover,.product-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #071c431a}.info-card h2,.info-card h3,.product-card h2,.product-card h3{margin-top:0;color:var(--primary-brand)}.card-icon{width:3.1rem;height:3.1rem;border-radius:999px;background:linear-gradient(135deg,#1e5bff1f,#11b7ff1a);display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--primary-brand);box-shadow:inset 0 0 0 1px #1e5bff33}.card-icon.small{width:2.6rem;height:2.6rem;font-size:1.3rem;margin-top:.2rem}.core-icon{width:3.5rem;height:3.5rem;display:inline-flex;align-items:center;justify-content:center}.core-icon img{width:80%;height:80%;object-fit:contain;display:block}.card-copy p{margin:0;color:var(--text-color)}.card-copy p+p{margin-top:.4rem}.highlight-card.with-bg{border:none;color:#fff;min-height:240px;padding:2rem;align-items:flex-end;background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 6px 20px #071c432e}.highlight-card.with-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,#06122dc7,#04224e9e)}.highlight-card.with-bg .card-copy{position:relative;z-index:1}.highlight-card.with-bg .label,.highlight-card.with-bg p{color:#fffffff2}.highlight-card.with-bg .label{color:#fff}.highlight-card.with-bg.bg-operation{background-position:center top}.highlight-card .label{font-size:1.2rem;font-weight:700;color:var(--primary-brand)}@media(max-width:640px){.highlight-card.with-bg{min-height:200px;padding:1.75rem;background-position:center}}.customers{background:var(--white);border-radius:var(--radius-md);padding:2rem;box-shadow:var(--shadow-soft)}.customer-row{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.customer-row span{padding:.75rem 1rem;border-radius:999px;border:1px solid var(--border-color);font-weight:500}.cta-banner{background:linear-gradient(120deg,var(--primary-brand),var(--primary-brand-light));color:var(--white);border-radius:var(--radius-lg);padding:3rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;align-items:center}.cta-actions{display:flex;gap:1.5rem;flex-wrap:wrap}.cta-actions .primary-btn,.cta-actions .secondary-btn{flex:1 1 180px;text-align:center}.pill{padding:.7rem 1.4rem;border-radius:999px}.btn-avatar{width:24px;height:22px;object-fit:contain;display:inline-block}.pill .btn-label{display:inline-block;margin-left:.55rem}.cta-banner .primary-btn{background:linear-gradient(100deg,#2c73ff,#2cc5dd);color:#fff;border:none;box-shadow:0 10px 26px #04164647}.cta-banner .primary-btn:hover{background:linear-gradient(100deg,#3d86ff,#3ad0e6);transform:translateY(-2px);box-shadow:0 14px 34px #04164659}.cta-banner .secondary-btn{background:linear-gradient(105deg,#0bb28c,#0fa4ce,#1b5dff);border:none;color:#fff;box-shadow:0 10px 26px #05264442}.cta-banner .secondary-btn:hover{background:linear-gradient(105deg,#12c7a1,#18b9df 52%,#2c70ff);border:none}.page-hero{background:var(--white);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-soft)}.timeline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.timeline-grid article{padding:1.25rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--white)}.timeline-grid .year{font-size:1.8rem;font-weight:700;color:var(--accent-color)}.mission-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;background:var(--white);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.values-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.85rem}.values-list li{padding-left:1.25rem;position:relative}.values-list li:before{content:"•";color:var(--primary-brand);position:absolute;left:0}.product-card ul,.info-card ul{padding-left:1.25rem}.note{background:#e9ecef;border-radius:var(--radius-md);padding:1.5rem 2rem;border-left:4px solid var(--accent-color)}.site-footer{background:var(--primary-brand);color:#ffffffe6;padding:3rem 5vw 2rem;margin-top:auto}.footer-grid{width:min(1360px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,3fr);gap:.6rem;align-items:flex-start}.footer-grid.compact{grid-template-columns:1fr 2fr}.footer-identity .brand-top{color:#fff;font-size:1.05rem;font-weight:700;margin-top:0;margin-bottom:.2rem}.footer-identity .brand-bottom{color:#ffffffc7;margin-bottom:.3rem;font-size:.8rem;font-weight:600}.footer-tagline{font-size:.7rem;letter-spacing:normal;text-transform:none;color:#ffffffd9;margin-bottom:.1rem}.footer-heading{font-weight:700;color:#fff;font-size:1.05rem;margin-top:0;margin-bottom:.8rem}.footer-contact-row{display:grid;grid-template-columns:1.7fr repeat(3,minmax(0,1fr));gap:.85rem;align-items:flex-start}.contact-item{color:#ffffffe6;font-size:.7rem}.contact-label{display:block;text-transform:none;font-weight:600;font-size:.8rem;color:#ffffffd9;margin-bottom:.2rem}.contact-item p{margin:0;line-height:1.4;font-size:.7rem}.footer-bottom{width:min(1360px,100%);margin:2rem auto 0;border-top:1px solid rgba(255,255,255,.2);padding-top:1.5rem;font-size:.65rem;text-align:center;color:#ffffffb3}.contact-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.contact-info,.contact-form{background:var(--white);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-soft)}.contact-info .label{text-transform:uppercase;letter-spacing:.2em;font-size:.8rem;color:var(--primary-brand-light)}.contact-form form{display:flex;flex-direction:column;gap:1rem}.contact-form label{display:flex;flex-direction:column;gap:.35rem;font-weight:600;color:var(--text-secondary)}.contact-form input,.contact-form textarea{border-radius:var(--radius-md);border:1px solid var(--border-color);padding:.85rem 1.1rem;font-size:1rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--primary-brand);box-shadow:0 0 0 3px #0a3a7833}.form-heading{margin-top:0;font-size:1.3rem;color:var(--primary-brand)}.form-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}@media(max-width:1024px){.main-nav{position:fixed;top:0;left:-100%;width:280px;height:100%;background:var(--white);flex-direction:column;padding:6rem 2rem 2rem;gap:1rem;transition:left .35s ease-in-out;box-shadow:0 0 40px #0003;z-index:100}.main-nav.is-open{left:0}.header-inner{justify-content:space-between}.mobile-menu-toggle{display:block}}@media(max-width:640px){.hero{padding:2rem 1.5rem}.page{padding:2rem 1.5rem 3rem}.header-inner{padding:0 1.25rem}.cta-banner{padding:2.5rem 2rem;grid-template-columns:1fr}.customer-row span{width:100%;justify-content:center}}