/* Lobby v2: all rules are scoped; operational screens retain their v1 styles. */
.reference-lobby{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:#0b1722 url('./assets/office-background.png') center center/cover no-repeat;color:#fff;padding:24px 5.5vw 20px;display:flex;flex-direction:column;align-items:center;font-family:Arial,Helvetica,sans-serif;}
.reference-lobby *{box-sizing:border-box}
.reference-lobby-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,9,20,.06),rgba(1,13,25,.2) 50%,rgba(0,9,20,.12)),linear-gradient(180deg,rgba(0,7,14,.16),transparent 54%,rgba(1,10,19,.12));pointer-events:none}
.reference-header{width:100%;max-width:1430px;display:flex;justify-content:flex-end;min-height:48px;z-index:2}
.reference-header nav{display:flex;align-items:center;gap:30px}
.reference-header button{background:transparent;border:0;color:#fff;padding:8px 0;font-size:18px;line-height:1.4;cursor:pointer;text-shadow:0 1px 10px #0008;transition:color .18s}
.reference-header button:hover{color:#e5b768}.reference-header button:focus-visible{outline:2px solid #edbe69;outline-offset:6px;border-radius:3px}
.reference-nav{position:relative}.reference-nav.active{font-weight:600}.reference-nav.active:after{content:'';position:absolute;bottom:0;left:-6px;right:-6px;height:2px;background:#e4dfd1}
.reference-nav-separator{height:28px;width:1px;background:#d8d3c2;opacity:.8;margin:0 14px}
.reference-header .reference-language{display:flex;align-items:center;gap:12px;font-weight:600}.reference-language>span:first-child{font-size:24px;line-height:1}.language-chevron{font-size:22px;margin-left:2px}
.reference-hero{position:relative;text-align:center;width:100%;max-width:900px;margin-top:-36px;text-shadow:0 3px 16px #06111b80}
.reference-emblem{display:block;height:104px;width:104px;margin:0 auto 14px;filter:drop-shadow(0 2px 5px #0003)}
.reference-hero h1{font-size:53px;line-height:1.03;font-weight:400;margin:0;letter-spacing:1.8px;color:#fff;text-wrap:balance}
.reference-hero h1 span{display:block;font-weight:300}.reference-hero h1 strong{display:block;font-weight:750;letter-spacing:.3px;font-size:1.02em;margin-top:0}
.reference-subtitle{margin:12px 0 14px;font-size:17px;letter-spacing:4.4px;font-weight:400;color:#f0f2f5}
.reference-gold-line{display:block;width:42px;height:2px;background:#c89330;margin:0 auto 12px}
.reference-hero h2{font-size:23px;line-height:1.35;font-weight:400;color:#fff;margin:0 0 24px;text-wrap:balance;letter-spacing:0}
.reference-companies{width:100%;max-width:1276px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;align-items:stretch;position:relative;z-index:1}
.reference-company{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0;aspect-ratio:1.015;overflow:hidden;border:1px solid #a5b3bfbd;border-radius:14px;padding:25px 20px 35px;background:#0e1b36;color:white;box-shadow:0 13px 30px #0005,0 1px 1px #ffffff60 inset;cursor:pointer;text-align:center;transition:transform .22s,box-shadow .22s,border-color .22s;font-family:inherit}
.reference-company:hover{transform:translateY(-6px);box-shadow:0 19px 32px #0007,0 1px 1px #ffffff80 inset;border-color:#e7bf75}
.reference-company:focus-visible{outline:3px solid #efc579;outline-offset:5px}
.reference-company.reference-daehan,.reference-company.reference-symza{background:#fdfdfd;color:#0b1727;border-color:#f4f2ed}
.reference-company.reference-sit{background:#0b2038}
.reference-logo{position:relative;width:100%;height:44%;min-height:68px;display:flex;align-items:center;justify-content:center;z-index:2;margin-bottom:10px}
.reference-logo svg{display:block;width:100%;height:100%;overflow:hidden}.reference-zaotex .reference-logo svg{height:auto;max-height:92px}.reference-daehan .reference-logo svg,.reference-symza .reference-logo svg{height:auto;max-height:110px;mix-blend-mode:multiply}.reference-sit .reference-logo svg{height:122%;width:auto;max-width:70%;aspect-ratio:1}
.reference-company p{position:relative;z-index:2;margin:4px 0 16px;font-size:17px;line-height:1.3;font-weight:400;min-height:44px;display:flex;align-items:center;justify-content:center;text-shadow:none;color:inherit}
.reference-enter{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;width:47px;height:47px;min-height:47px;border-radius:50%;border:1.5px solid #fff;background:#071a2be8;color:#fff;transition:background .2s,transform .2s}
.reference-company:hover .reference-enter{background:#b88639;transform:translateX(3px)}
.reference-daehan .reference-enter,.reference-symza .reference-enter{background:#061624;border-color:#061624}
.reference-texture{position:absolute;bottom:0;left:0;width:100%;height:28%;z-index:1;pointer-events:none;opacity:1;mask-image:linear-gradient(transparent,#000 35%);-webkit-mask-image:linear-gradient(transparent,#000 35%)}
.reference-footer{position:relative;z-index:2;margin-top:auto;padding-top:72px;width:100%;display:flex;justify-content:center}
.reference-footer button{font-family:inherit;display:flex;align-items:center;gap:9px;border:1px solid #ffffff2b;border-radius:25px;background:#071523a8;backdrop-filter:blur(8px);color:#f4f0e7;padding:9px 15px;font-size:11px;line-height:1.45;cursor:pointer;max-width:100%}
.reference-demo-pill{font-size:9px;letter-spacing:1.4px;color:#edc57d;font-weight:700}.reference-demo-more{border-left:1px solid #ffffff40;padding-left:9px;text-decoration:underline;text-underline-offset:3px}
.reference-footer button:focus-visible{outline:2px solid #efc579;outline-offset:4px}
@media(min-width:1400px){.reference-lobby{padding-top:24px}.reference-hero{margin-top:-28px}.reference-emblem{height:114px;width:114px;margin-bottom:14px}.reference-hero h1{font-size:58px}.reference-subtitle{font-size:18px}.reference-hero h2{font-size:24px;margin-bottom:26px}.reference-company{padding-top:28px}.reference-footer{padding-top:100px}}
@media(min-width:1000px) and (max-height:800px){.reference-lobby{padding-top:18px;padding-bottom:14px}.reference-header{min-height:36px}.reference-header button{font-size:16px}.reference-hero{margin-top:-24px}.reference-emblem{height:78px;width:78px;margin-bottom:10px}.reference-hero h1{font-size:44px}.reference-subtitle{font-size:13px;letter-spacing:3.8px;margin:10px 0}.reference-hero h2{font-size:20px;margin-bottom:19px}.reference-companies{max-width:1170px;gap:12px}.reference-company{aspect-ratio:1.02;padding:22px 18px 26px}.reference-company p{font-size:15px;min-height:39px;margin-bottom:13px}.reference-enter{width:42px;height:42px;min-height:42px}.reference-footer{padding-top:38px}}
@media(max-width:999px){.reference-lobby{padding:18px 5vw 22px;background-position:42% center}.reference-header nav{gap:23px}.reference-header button{font-size:16px}.reference-nav-separator{margin:0 2px}.reference-hero{margin-top:8px}.reference-emblem{height:85px;width:85px;margin-bottom:13px}.reference-hero h1{font-size:46px}.reference-subtitle{font-size:14px;letter-spacing:3px}.reference-hero h2{font-size:20px;max-width:550px;margin:0 auto 24px}.reference-companies{max-width:700px;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.reference-company{aspect-ratio:1.17;padding:22px 26px 28px}.reference-logo{height:43%;margin-bottom:5px}.reference-company p{font-size:17px;min-height:40px;margin-bottom:12px}.reference-sit .reference-logo svg{max-width:53%}.reference-footer{padding-top:28px}.reference-lobby-shade{background:linear-gradient(#04101d4d,#04101d80)}}
@media(max-width:540px){.reference-lobby{padding:14px 17px 20px;background-position:37% center}.reference-header{justify-content:center;min-height:41px}.reference-header nav{gap:21px}.reference-header button{font-size:14px;padding:5px 0}.reference-nav-separator{height:20px;margin:0 0 0 1px}.reference-header .reference-language{gap:6px}.reference-language>span:first-child{font-size:18px}.language-chevron{font-size:18px}.reference-hero{margin-top:19px}.reference-emblem{height:69px;width:69px;margin-bottom:12px}.reference-hero h1{font-size:35px;line-height:1.06;letter-spacing:1px}.reference-subtitle{font-size:10px;letter-spacing:2.5px;margin:12px 0 12px}.reference-gold-line{margin-bottom:13px;width:34px}.reference-hero h2{font-size:17px;max-width:310px;margin-bottom:21px;line-height:1.35}.reference-companies{gap:12px}.reference-company{aspect-ratio:auto;min-height:211px;padding:19px 10px 22px;border-radius:11px}.reference-logo{height:64px;min-height:64px;margin-bottom:6px}.reference-sit .reference-logo svg{height:112%;max-width:77%}.reference-company p{font-size:12px;line-height:1.35;min-height:36px;margin:4px 0 12px}.reference-enter{width:36px;height:36px;min-height:36px}.reference-enter svg{width:21px;height:21px}.reference-texture{height:26%}.reference-footer{padding-top:24px}.reference-footer button{gap:7px;font-size:10px;padding:9px 10px;border-radius:14px;text-align:left}.reference-demo-more{font-size:9px;padding-left:7px;white-space:nowrap}.reference-demo-pill{font-size:8px}}
@media(max-width:360px){.reference-lobby{padding-left:12px;padding-right:12px}.reference-header nav{gap:16px}.reference-hero h1{font-size:31px}.reference-subtitle{font-size:9px;letter-spacing:2.1px}.reference-company{min-height:199px;padding-left:8px;padding-right:8px}.reference-company p{font-size:11px}.reference-demo-more{display:none}}
@media(prefers-reduced-motion:reduce){.reference-lobby *{transition:none!important;scroll-behavior:auto!important}}