/* Barcode119 identity — structured enterprise service design. */
:root{--accent:#e3444b;--ink:#f4f4f4;--muted:#b2b2b2;--line:#393939}
body{background:#161616;color:var(--ink)}
header{height:88px;margin:0;padding:0 5%;background:#161616;border-bottom:1px solid #393939}
.logo{gap:12px;letter-spacing:0}.brand-symbol{width:44px;height:44px;flex-shrink:0}.brand-wordmark{font:700 22px Arial,sans-serif;letter-spacing:.5px;line-height:1}.brand-descriptor{display:block;font:500 11px 'Noto Sans KR',sans-serif;letter-spacing:1.8px;margin-top:7px;color:#c6c6c6}
header nav{font-size:14px;gap:32px;height:100%;align-items:center}header nav a{display:flex;align-items:center;height:100%;border-bottom:2px solid transparent}header nav a:hover{border-bottom-color:#eee}header .nav-contact{background:#cf3039;border:0;color:white;padding:15px 20px;font-size:13px}header .nav-contact:hover{background:#b72730}.nav-contact span{margin-left:24px}
.hero-copy{left:7%;top:29%;max-width:45%}.hero-copy .eyebrow{font:500 14px 'Noto Sans KR',sans-serif;letter-spacing:0;color:#c6c6c6}.hero-copy h1{font-size:clamp(54px,5vw,76px);font-weight:500;letter-spacing:-3px;line-height:1.25;margin:24px 0}.hero-copy p{font-size:16px;color:#c6c6c6}.text-link{font-size:14px;border:1px solid #686868;padding:15px 20px;margin-top:24px;gap:40px}.text-link:hover{background:#292929}.model-tag{display:none}.scroll-hint{font-family:Arial,sans-serif;letter-spacing:.5px}.stage-bottom{border-color:#393939}.section{padding:80px 7%;border-top:1px solid #393939}.section-label{font:500 13px 'Noto Sans KR',sans-serif;color:#c6c6c6;letter-spacing:0}.manifesto,.contact{background:#202020}.equipment,.journal{background:#161616}.service-preview{background:#202020}
.manifesto-body{grid-template-columns:1fr 1fr;align-items:start;gap:10%;margin-top:32px}.manifesto h2{font-size:clamp(36px,3.5vw,52px);letter-spacing:-2px;line-height:1.4}.service-options{border-top:0}.service-options button:first-child{padding-top:0}.service-options button:first-child b{top:4px}.service-options button{padding:24px 40px 24px 0;gap:12px;border-color:#525252}.service-options button span{font-size:24px}.service-options small{font-size:14px;color:#b9b9b9}.service-options b{color:#eee}.service-options button:hover span{color:#fff;text-decoration:underline;text-underline-offset:6px}
.section-heading{margin:24px 0 40px;align-items:center}.section-heading h2{font-size:clamp(32px,3.2vw,46px);font-weight:400;letter-spacing:-1.8px;line-height:1.4}.section-heading p{font-size:14px;color:#b9b9b9}.equipment-grid{gap:24px}.equipment-card,.equipment-card:first-child,.equipment-card:last-child{padding:0 0 24px;background:#242424;border:1px solid #393939}.equipment-card+.equipment-card{border-left:1px solid #393939}.card-top{display:none}.product-photo{margin:0 0 24px;height:280px;background:#d6d6d6}.product-caption{font:11px Arial,sans-serif;margin:0 24px 12px;color:#b9b9b9;letter-spacing:.4px}.equipment-card h3{font-size:25px;margin:0 24px 12px}.equipment-card p{font-size:13px;margin:0 24px;color:#b9b9b9}.equipment-card:hover{border-color:#8d8d8d}.brand-section{margin-top:56px;padding-top:32px}.brand-heading h3{font-size:18px}.brand-heading>span{display:none}.brand-grid{grid-template-columns:repeat(5,1fr);gap:1px;background:#393939;border:1px solid #393939}.brand-item{background:#202020;padding:20px}.brand-logo-well{background:#eee;height:56px;padding:10px}.brand-item>span{font-size:11px;color:#b9b9b9;margin-top:12px}
.preview-caption{font-size:12px}.preview-caption small{font-size:11px;color:#a8a8a8}.preview-dot{background:#df4249}.service-dashboard{background:#262626;border-color:#525252;grid-template-columns:1.8fr 1fr}.dashboard-main{padding:32px}.dashboard-toolbar{font-size:14px;border-color:#525252;color:#e0e0e0}.dashboard-toolbar button{font-size:12px;padding:12px 16px;border-color:#8d8d8d}.ticket-number{font-size:11px;color:#a8a8a8;letter-spacing:.4px}.ticket-heading h3{font-size:30px}.ticket-heading p{font-size:13px;color:#c6c6c6}#ticket-badge{font-size:12px;background:#393939;color:#f4f4f4;border-color:#686868}.tracking-steps b{font-size:13px}.tracking-steps span{font-size:11px}.tracking-steps button{color:#aaa;border-color:#525252}.tracking-steps .done{border-color:#a8a8a8;color:#d2d2d2}.tracking-steps .current{border-color:#f15b64;color:#ff9ba1}.tracking-steps .current:before{background:#f15b64}.stage-detail{background:#303030;border:0;border-left:3px solid #e3444b;padding:24px}.stage-detail #detail-kicker{font-size:10px;color:#b9b9b9}.stage-detail h4{font-size:21px}.stage-detail p{font-size:13px;color:#c6c6c6}.stage-detail button{font-size:12px;color:#fff}.ticket-summary span{font-size:11px;color:#a8a8a8}.ticket-summary strong{font-size:12px;color:#e0e0e0}.notification-panel{background:#1b1b1b;border-color:#525252;padding:32px}.notification-heading{font-size:13px;color:#c6c6c6}.notification-heading>span{display:none}.notification-card{background:#303030;border:1px solid #525252;box-shadow:none;padding:24px}.notification-icon{width:36px;height:36px;background:none}.notification-brand{font-size:14px}.notification-brand small,.notification-brand time{font-size:10px;color:#aaa}.notification-card h4{font-size:16px}.notification-card p{font-size:13px;color:#c6c6c6}.notification-card button{font-size:12px;color:white;background:#484848;border:0}.notification-foot{font-size:10px;color:#aaa}.rental-inline{border-color:#525252}.rental-inline span{font-size:12px;color:#c6c6c6}.rental-inline b{font-size:14px;color:#fff}.journal-toolbar{border-color:#686868}.filters button{font-size:13px}.journal-toolbar>span{font-size:11px}.journal-row{padding:28px 0}.journal-row h3{font-size:19px}.journal-category{font-size:12px}.journal-preview{display:none}.journal-row{grid-template-columns:48px 120px 1fr 24px}.journal-no{font-size:12px}.contact h2{font-size:clamp(28px,3vw,44px);letter-spacing:-1.5px;margin:24px 0}.contact-bottom p{font-size:14px}.contact-bottom button,.submit{background:#cf3039;border-color:#cf3039;color:white;font-size:14px}.contact-bottom button:hover,.submit:hover{background:#b72730}footer{padding:48px 7%;background:#111}footer>span{font-size:12px}footer>a:last-child{font-size:11px}dialog{background:#262626;border-color:#686868}dialog label{font-size:13px}dialog .eyebrow{color:#ccc}.form-note{font-size:11px!important}
@media(max-width:1000px){header nav{gap:20px;font-size:12px}.brand-wordmark{font-size:19px}.brand-symbol{width:40px;height:40px}.brand-grid{grid-template-columns:repeat(5,1fr)}.brand-item{padding:12px}.service-dashboard{grid-template-columns:1.5fr 1fr}.dashboard-main,.notification-panel{padding:24px}.equipment-grid{gap:16px}.product-photo{height:230px}}
@media(max-width:650px){header{height:80px;padding:0 6%}header nav{display:none}.brand-symbol{width:38px;height:38px}.brand-wordmark{font-size:18px}.brand-descriptor{font-size:10px;margin-top:5px}.logo{gap:9px}header .nav-contact{font-size:12px;padding:12px}.nav-contact span{margin-left:10px}.hero-copy{top:20%;max-width:90%}.hero-copy .eyebrow{font-size:12px}.hero-copy h1{font-size:46px;letter-spacing:-2.5px}.hero-copy p{font-size:13px}.section{padding:48px 7%}.manifesto-body{grid-template-columns:1fr;gap:32px}.manifesto h2{font-size:38px}.section-heading h2{font-size:31px}.section-heading p{font-size:13px}.equipment-grid{grid-template-columns:1fr;gap:24px}.product-photo{height:280px}.brand-grid{grid-template-columns:repeat(3,1fr)}.brand-item{padding:12px 8px}.brand-logo-well{height:43px;padding:6px}.brand-item>span{font-size:10px}.service-dashboard{grid-template-columns:1fr}.dashboard-main,.notification-panel{padding:24px 18px}.tracking-steps b{font-size:11px}.tracking-steps span{font-size:10px}.ticket-heading h3{font-size:26px}#ticket-badge{font-size:10px}.ticket-summary strong{font-size:11px}.preview-caption small{font-size:10px}.journal-row{grid-template-columns:24px 1fr 20px;padding:36px 0 24px}.journal-row h3{font-size:16px}.journal-category{font-size:10px}.journal-toolbar>span{font-size:9px}.filters{gap:18px}.filters button{font-size:12px}.contact h2{font-size:29px}.contact-bottom button{font-size:13px}footer>span{font-size:10px}}

/* Korean wordmark, paired with the 119 symbol. */
.brand-wordmark{font-family:'Noto Sans KR',Arial,sans-serif;font-weight:700;letter-spacing:-.8px;line-height:1.2}

.brand-wordmark-art{display:block;width:145px;height:auto;flex-shrink:0}@media(max-width:650px){.brand-wordmark-art{width:124px}}

/* Continuous service sequence */
.brand-wordmark-art{width:150px;height:auto}
.process-film{border-top:1px solid #525252;border-bottom:1px solid #525252;padding-top:40px;--phase:0}
.service-flow{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:0}
.flow-step{position:relative;min-width:0;padding:0 24px 32px 0}.flow-visual{height:110px;display:flex;align-items:flex-start}.flow-visual svg{width:72px;height:72px;fill:none;stroke:#858585;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .35s,transform .5s}.flow-step.is-active svg{stroke:#f4f4f4;transform:translateY(-5px)}
.flow-node{position:relative;height:40px;margin-right:-24px;border-top:2px solid #484848}.flow-node:before{content:'';position:absolute;top:-2px;left:0;height:2px;width:0;background:#e84750}.is-done .flow-node:before{width:100%}.is-active .flow-node:before{width:calc(var(--phase)*100%)}.flow-node span{position:relative;display:grid;place-items:center;width:28px;height:28px;top:-15px;background:#202020;border:1px solid #686868;color:#aaa;font:12px Arial,sans-serif}.is-active .flow-node span{background:#d7353e;border-color:#d7353e;color:white}.is-done .flow-node span{color:#eee;border-color:#c34b50}.flow-step:last-child .flow-node{border-color:transparent;margin-right:0}.flow-step:last-child .flow-node:before{display:none}.flow-step h3{font-size:21px;font-weight:500;letter-spacing:-.6px;line-height:1.5;margin:0 0 14px;color:#b3b3b3}.flow-step.is-active h3,.flow-step.is-done h3{color:#f4f4f4}.flow-step p{font-size:13px;line-height:1.8;color:#a8a8a8;max-width:240px;margin:0}.flow-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #393939;padding:18px 0;gap:20px}.flow-status{font-size:12px;color:#d0d0d0}.flow-status:before{content:'';display:inline-block;width:6px;height:6px;background:#e84750;margin-right:10px}.flow-footer button{background:none;border:0;color:#b9b9b9;font-size:12px;padding:8px;white-space:nowrap}
@media(max-width:650px){.brand-wordmark-art{width:128px}.process-film{padding-top:30px}.service-flow{grid-template-columns:1fr}.flow-step{padding:0 0 32px 55px;min-height:140px}.flow-visual{position:absolute;right:0;top:0;height:auto}.flow-visual svg{width:42px;height:42px}.flow-node{position:absolute;left:13px;top:0;bottom:0;width:2px;height:auto;border-top:0;border-left:2px solid #484848;margin:0}.flow-node span{top:0;left:-15px}.flow-node:before{top:0;left:-2px;width:2px;height:0}.is-done .flow-node:before{width:2px;height:100%}.is-active .flow-node:before{width:2px;height:calc(var(--phase)*100%)}.flow-step h3{font-size:19px;padding-right:44px}.flow-step p{max-width:210px;padding-right:12px;font-size:12px}.flow-step:last-child{min-height:130px}.flow-footer{gap:8px}.flow-status{font-size:10px}}

.flow-step.is-active .flow-visual svg{stroke-dasharray:240;animation:flow-draw .85s ease-out both}@keyframes flow-draw{from{stroke-dashoffset:240;opacity:.25}to{stroke-dashoffset:0;opacity:1}}.is-paused .flow-visual svg{animation-play-state:paused}