:root{--ink:#10151b;--navy:#092a4a;--blue:#0d5ca8;--blue2:#1978c8;--silver:#eef1f3;--line:#d9dfe4;--white:#fff;--muted:#65707b;--font-display:"Manrope","Noto Sans KR",sans-serif;--font-body:"Noto Sans KR",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:var(--font-body);word-break:keep-all}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(16,21,27,.08);backdrop-filter:blur(16px)}.nav-wrap{height:76px;max-width:1440px;margin:auto;padding:0 5vw;display:flex;align-items:center;justify-content:space-between}.brand,.footer-brand{display:flex;align-items:center;gap:12px;font:800 21px var(--font-display);letter-spacing:.02em}.brand-mark{display:block;width:38px;height:38px;border-radius:50%;overflow:hidden;flex:none}.brand-mark img{width:100%;height:100%;object-fit:cover}.footer-brand .brand-mark{background:white}.footer-brand .brand-mark img{transform:scale(.9)}nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600}nav a{transition:color .2s}nav a:hover{color:var(--blue)}.nav-contact{padding:12px 19px;background:var(--ink);color:white!important}.menu-button{display:none;border:0;background:none;font:700 14px var(--font-body)}
.hero{min-height:760px;display:grid;grid-template-columns:1.05fr .95fr;background:linear-gradient(135deg,#f5f7f8 0,#fff 56%);overflow:hidden}.hero-copy{padding:100px 6vw 60px max(6vw,calc((100vw - 1440px)/2 + 60px));display:flex;flex-direction:column;justify-content:center}.eyebrow{margin:0 0 20px;color:var(--blue);font:800 12px var(--font-display);letter-spacing:.18em}.hero h1,.section h2,.contact h2,.company h2{margin:0;font-family:var(--font-display);letter-spacing:-.045em;line-height:1.12}.hero h1{font-size:clamp(48px,5.2vw,82px);font-weight:700}.hero h1 em{font-style:normal;color:var(--blue)}.hero-lead{max-width:650px;margin:30px 0 0;color:#4c5863;font-size:18px;line-height:1.85}.hero-actions{display:flex;gap:12px;margin:38px 0 50px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;font-weight:700;font-size:14px}.button-primary{gap:18px;background:var(--blue);color:white}.button-primary span{font:700 13px var(--font-display);opacity:.8}.button-ghost{border:1px solid #bcc5cc;background:white}.hero-facts{display:flex;gap:48px;margin:0;padding:0;list-style:none}.hero-facts li{display:flex;flex-direction:column}.hero-facts strong{font:700 28px var(--font-display)}.hero-facts small{margin-left:3px;font-size:13px}.hero-facts span{margin-top:6px;color:var(--muted);font-size:12px}.hero-visual{position:relative;padding:62px 0 62px 20px}.hero-image-wrap{position:relative;height:100%;min-height:580px;background:var(--navy);box-shadow:0 30px 80px rgba(8,31,51,.18);overflow:hidden}.hero-image-wrap img{object-fit:cover;object-position:center;padding:0;background:var(--navy)}.hero-tag{position:absolute;left:0;bottom:0;padding:16px 22px;background:var(--navy);color:white;font:700 11px var(--font-display);letter-spacing:.12em}.metal-swatch{position:absolute;width:46%;height:120px;left:-30px;bottom:15px;z-index:-1;background:repeating-linear-gradient(90deg,#d4d8da 0,#f4f5f5 2px,#bdc3c7 4px)}
.process-strip{height:72px;padding:0 5vw;display:flex;align-items:center;justify-content:center;gap:22px;background:var(--navy);color:white;font:700 11px var(--font-display);letter-spacing:.16em;overflow:hidden}.process-strip span{width:4px;height:4px;border-radius:50%;background:#4b85b4;flex:none}.section{max-width:1440px;margin:auto;padding:130px 6vw}.section-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end;margin-bottom:64px}.section-heading h2,.company h2{font-size:clamp(39px,4vw,60px)}.section-heading>p{max-width:520px;margin:0 0 6px;color:var(--muted);font-size:16px;line-height:1.8}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.product-card{border:1px solid var(--line);background:white}.product-card-wide{grid-column:1/-1;display:grid;grid-template-columns:1.35fr .65fr}.product-image{height:430px;overflow:hidden;background:#f4f5f6}.product-image img{object-fit:contain;transition:transform .5s}.product-card:hover img{transform:scale(1.025)}.product-card-wide .product-image{height:480px}.product-info{padding:30px}.product-info span{color:var(--blue);font:700 11px var(--font-display);letter-spacing:.12em}.product-info h3{margin:12px 0 10px;font:700 26px var(--font-display);letter-spacing:-.03em}.product-info p{margin:0;color:var(--muted);line-height:1.75}.dark-card{background:var(--ink);border-color:var(--ink);color:white}.dark-card .product-info p{color:#aeb8c0}.color-showcase{margin-top:28px;padding:60px;background:#f1f3f4;display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:center}.color-showcase h3{margin:0;font:700 34px/1.35 var(--font-display);letter-spacing:-.03em}.color-images{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.color-images figure{height:280px;margin:0;position:relative;background:#fff}.color-images img{object-fit:cover}.color-images figcaption{position:absolute;left:12px;bottom:12px;padding:7px 10px;background:rgba(255,255,255,.9);font:700 10px var(--font-display);text-transform:uppercase}
.technology{max-width:none;background:var(--navy);color:white;padding-left:max(6vw,calc((100vw - 1440px)/2 + 60px));padding-right:max(6vw,calc((100vw - 1440px)/2 + 60px))}.section-heading.light>p{color:#aab9c8}.technology .eyebrow{color:#62b5ff}.tech-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}.tech-feature,.tech-item{min-height:350px;padding:45px 30px;border-right:1px solid rgba(255,255,255,.16)}.tech-feature{padding-left:0}.tech-item:last-child{border:0}.tech-number{font:700 clamp(42px,4vw,66px) var(--font-display);letter-spacing:-.04em;color:#64b8ff}.tech-number sup{font-size:.48em}.tech-number span{font-size:17px;margin-left:8px;color:#c9d7e3}.tech-grid h3{margin:45px 0 14px;font:700 22px var(--font-display)}.tech-grid p{margin:0;color:#b5c2ce;font-size:14px;line-height:1.8}.tech-item>span{font:700 12px var(--font-display);color:#62b5ff}.tech-item h3{margin-top:135px}
.test-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.test-copy h2{font-size:clamp(39px,4vw,58px)}.test-copy>p:not(.eyebrow){margin:26px 0 40px;color:var(--muted);line-height:1.85}.test-copy dl{margin:0;border-top:1px solid var(--line)}.test-copy dl div{padding:17px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:14px}.test-copy dt{font-weight:700}.test-copy dd{margin:0;color:var(--blue);font-weight:700}.test-images{position:relative;min-height:560px}.test-main{position:absolute;inset:0 70px 70px 0;margin:0}.test-small{position:absolute;width:36%;height:42%;right:0;bottom:0;margin:0;border:10px solid white;box-shadow:0 16px 50px rgba(0,0,0,.13)}
.capacity{border-top:1px solid var(--line)}.capacity-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.capacity-stat{padding:32px;border-right:1px solid var(--line)}.capacity-stat:last-child{border:0}.capacity-stat>span{color:var(--blue);font:700 11px var(--font-display)}.capacity-stat strong{display:block;margin:55px 0 8px;font:700 clamp(25px,2.4vw,38px) var(--font-display);letter-spacing:-.04em}.capacity-stat small{margin-left:4px;font-size:13px}.capacity-stat p{margin:0;color:var(--muted);font-size:13px}.capabilities{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.capabilities p{margin:0;padding:11px 16px;border:1px solid var(--line);font-size:13px;font-weight:600}.company{max-width:none;background:#f3f5f6;display:grid;grid-template-columns:.7fr 1.3fr;gap:90px;padding-left:max(6vw,calc((100vw - 1440px)/2 + 60px));padding-right:max(6vw,calc((100vw - 1440px)/2 + 60px));align-items:center}.company-mark{width:min(32vw,380px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:white;font:800 min(16vw,200px) var(--font-display);font-style:italic}.company-copy>p:not(.eyebrow){max-width:670px;margin:30px 0;color:var(--muted);font-size:16px;line-height:1.9}.text-link{display:inline-flex;gap:40px;border-bottom:1px solid var(--ink);padding-bottom:8px;font-weight:700}.text-link span{color:var(--blue)}
.contact{padding:110px max(6vw,calc((100vw - 1440px)/2 + 60px));display:grid;grid-template-columns:1fr 1fr;gap:90px;background:var(--blue);color:white}.contact .eyebrow{color:#b9dcff}.contact h2{font-size:clamp(42px,4vw,62px)}.contact-actions{display:flex;flex-direction:column;justify-content:center}.contact-actions a{padding:24px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.3)}.contact-actions span{font-size:13px;opacity:.75}.contact-actions strong{font:700 clamp(16px,1.5vw,22px) var(--font-display)}footer{padding:45px 6vw;display:grid;grid-template-columns:.55fr 1.3fr auto;gap:50px;align-items:center;background:var(--ink);color:white}.footer-info{color:#8f9aa4;font-size:12px;line-height:1.8}.footer-info p{margin:0}.back-top{font:700 11px var(--font-display);letter-spacing:.12em}
@media(max-width:980px){.menu-button{display:block}.site-header nav{position:absolute;top:76px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px 5vw 24px;background:white;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.site-header nav a{padding:12px}.hero{grid-template-columns:1fr}.hero-copy{padding:80px 6vw 40px}.hero-visual{padding:0 6vw 70px}.hero-image-wrap{min-height:430px}.section{padding:95px 6vw}.section-heading,.test-section,.company,.contact{grid-template-columns:1fr;gap:48px}.product-card-wide{grid-template-columns:1fr}.tech-grid{grid-template-columns:1fr 1fr}.tech-feature{padding-left:30px}.tech-item:nth-child(2){border-right:0}.tech-item h3{margin-top:70px}.capacity-grid{grid-template-columns:1fr 1fr}.capacity-stat:nth-child(2){border-right:0}.capacity-stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.color-showcase{grid-template-columns:1fr}.company-mark{width:260px}.contact-actions{max-width:650px;width:100%}footer{grid-template-columns:1fr}.back-top{display:none}}
@media(max-width:640px){.nav-wrap{height:68px}.site-header nav{top:68px}.hero{min-height:auto}.hero-copy{padding-top:65px}.hero h1{font-size:43px}.hero-lead{font-size:16px}.hero-actions{flex-direction:column}.hero-facts{gap:18px;justify-content:space-between}.hero-facts strong{font-size:21px}.hero-image-wrap{min-height:300px}.process-strip{justify-content:flex-start;overflow-x:auto}.section{padding-top:78px;padding-bottom:78px}.section-heading{margin-bottom:42px}.section-heading h2,.company h2,.test-copy h2{font-size:36px}.product-grid{grid-template-columns:1fr}.product-card-wide{grid-column:auto}.product-image,.product-card-wide .product-image{height:310px}.color-showcase{padding:35px 22px}.color-images{gap:5px}.color-images figure{height:170px}.tech-grid{grid-template-columns:1fr}.tech-feature,.tech-item{min-height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.16);padding:36px 0}.tech-item h3{margin-top:42px}.test-images{min-height:370px}.capacity-grid{grid-template-columns:1fr}.capacity-stat{border-right:0;border-bottom:1px solid var(--line)!important}.capacity-stat:last-child{border-bottom:0!important}.capacity-stat strong{margin-top:32px}.company-mark{width:190px}.contact{padding-top:80px;padding-bottom:80px}.contact-actions a{align-items:flex-start;flex-direction:column;gap:8px}.contact-actions strong{font-size:17px}footer{padding:38px 6vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-image img{transition:none}}
.catalog-block{margin-top:110px}.catalog-title{display:grid;grid-template-columns:.7fr 1.3fr;column-gap:60px;align-items:end;padding-bottom:34px;border-bottom:2px solid var(--ink)}.catalog-title .eyebrow{grid-column:1/-1}.catalog-title h3{margin:0;font:700 clamp(34px,3.2vw,50px) var(--font-display);letter-spacing:-.04em}.catalog-title>p:not(.eyebrow){max-width:620px;margin:0;color:var(--muted);line-height:1.75}.category-group{display:grid;grid-template-columns:280px 1fr;gap:45px;padding:52px 0;border-bottom:1px solid var(--line)}.category-label span,.technology-card-copy span{color:var(--blue);font:800 11px var(--font-display);letter-spacing:.14em}.category-label h4,.technology-card-copy h4{margin:12px 0 10px;font:700 23px var(--font-display);letter-spacing:-.03em}.category-label p,.technology-card-copy p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.gallery-grid{display:grid;gap:12px}.gallery-grid-3{grid-template-columns:repeat(3,1fr)}.gallery-grid-4{grid-template-columns:repeat(4,1fr)}.gallery-grid figure{height:230px;margin:0;position:relative;overflow:hidden;background:#f4f5f6;border:1px solid #e8ebed}.gallery-grid img{object-fit:contain;background:white;transition:transform .35s}.gallery-grid figure:hover img{transform:scale(1.03)}.gallery-grid figcaption{position:absolute;left:9px;bottom:9px;padding:6px 9px;background:rgba(8,18,27,.86);color:white;font:700 10px var(--font-display);letter-spacing:.03em}.compact-gallery figure{height:210px}.technology-catalog{padding-top:110px}.technology-cards{border-top:1px solid var(--line)}.technology-cards article{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px;min-height:256px;padding:0;border-bottom:1px solid var(--line)}.technology-card-copy{align-self:center;max-width:430px;padding:30px 0}.technology-card-images{display:grid;grid-template-columns:1fr 1fr;gap:14px;height:100%;min-height:256px}.technology-card-images.single-tech-image{grid-template-columns:1fr}.technology-card-images img{object-fit:cover;background:#f4f5f6;border:1px solid #e5e8ea}.technology-card-images.single-tech-image img{object-fit:contain}.company-logo{background:white;overflow:hidden;box-shadow:0 18px 45px rgba(15,32,48,.09)}.company-logo img{object-fit:contain;padding:12%}
@media(max-width:980px){.catalog-title{grid-template-columns:1fr;gap:16px}.category-group,.technology-cards article{grid-template-columns:1fr}.technology-cards article{gap:0;min-height:0}.technology-card-copy{padding:30px 0}.gallery-grid-4{grid-template-columns:repeat(2,1fr)}.technology-card-images{height:240px;min-height:0}}
@media(max-width:640px){.catalog-block{margin-top:78px}.category-group{padding:38px 0}.gallery-grid-3,.gallery-grid-4{grid-template-columns:1fr 1fr}.gallery-grid figure,.compact-gallery figure{height:160px}.technology-cards article{gap:26px}.technology-card-images{height:168px;gap:7px}.company-logo{width:190px}}