:root{--ink:#101112;--paper:#f3f1eb;--acid:#d7ff38;--blue:#9dc5ff;--line:rgba(16,17,18,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Noto Sans KR",sans-serif}a{color:inherit;text-decoration:none}.head{height:92px;padding:0 3.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10;background:var(--paper)}.logo{font-size:24px;letter-spacing:-.04em}.logo b{font-weight:900}.logo small{display:block;font-size:9px;letter-spacing:.18em;margin-top:5px}.head nav{display:flex;gap:28px;font-size:11px;font-weight:800;letter-spacing:.12em}.split{height:calc(100vh - 92px);min-height:690px;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}.gate{position:relative;padding:4vw;display:flex;align-items:flex-end;overflow:hidden;transition:flex .55s cubic-bezier(.2,.8,.2,1),filter .4s}.gate-a{background:var(--acid)}.gate-b{background:var(--blue)}.gate:before{content:"";position:absolute;width:50vw;height:50vw;border:1px solid rgba(0,0,0,.16);border-radius:50%;top:-18vw;right:-18vw;transition:.6s}.gate:hover:before{transform:scale(1.25)}.num{position:absolute;top:3vw;left:4vw;font-size:clamp(68px,9vw,150px);font-weight:900;letter-spacing:-.08em;opacity:.92}.gate-copy{position:relative;z-index:2}.gate-copy span,.statement>span,.about span,.members>span,.eyebrow{font-size:10px;font-weight:900;letter-spacing:.18em}.gate-copy h1{font-size:clamp(38px,4.2vw,72px);line-height:.88;letter-spacing:-.065em;margin:18px 0 20px}.gate-copy p{font-size:14px;line-height:1.7}.gate-copy strong{display:inline-block;margin-top:22px;border-bottom:2px solid;padding-bottom:6px;font-size:12px;letter-spacing:.08em}.center-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;background:var(--ink);color:white;display:grid;place-items:center;font-weight:900;font-size:24px;z-index:4;border:6px solid var(--paper)}.statement{padding:120px 6vw;border-bottom:1px solid var(--line)}.statement h2{font-size:clamp(52px,8vw,126px);line-height:.84;letter-spacing:-.075em;margin:30px 0 70px}.flow{display:flex;align-items:center;justify-content:space-between;gap:18px;font-weight:900;font-size:13px;letter-spacing:.08em}.flow i{font-style:normal;font-size:9px;border:1px solid;padding:6px;border-radius:50%}.about{padding:110px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;border-bottom:1px solid var(--line)}.about h3{font-size:54px;line-height:1;letter-spacing:-.06em;margin:18px 0}.about p{font-size:20px;line-height:1.85;margin:0;max-width:700px}.members{margin:6vw;padding:80px;background:#111;color:#fff}.members h3{font-size:clamp(40px,6vw,92px);letter-spacing:-.06em;margin:20px 0 10px}.members p{color:#aaa}.members button{margin-top:30px;padding:16px 20px;border:1px solid #555;background:transparent;color:#aaa}footer{padding:30px 6vw;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em}.detail-main{padding:6vw;min-height:calc(100vh - 92px);position:relative;overflow:hidden}.detail-a .detail-main{background:var(--acid)}.detail-b .detail-main{background:var(--blue)}.detail-code{position:absolute;right:-2vw;top:-4vw;font-size:20vw;font-weight:900;letter-spacing:-.1em;opacity:.08}.detail-main h1{font-size:clamp(70px,11vw,180px);line-height:.78;letter-spacing:-.085em;margin:30px 0 50px;position:relative}.lead{font-size:20px;line-height:1.8;max-width:780px}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:90px;border-top:1px solid}.steps article{padding:25px 25px 40px 0;border-right:1px solid rgba(0,0,0,.2)}.steps article+article{padding-left:25px}.steps b{font-size:10px}.steps h2{font-size:24px;margin:35px 0 12px}.steps p{font-size:13px;line-height:1.6}.next{display:flex;justify-content:space-between;margin-top:80px;border-top:2px solid;padding-top:22px;font-size:13px;font-weight:900;letter-spacing:.06em}@media(max-width:800px){.head{height:76px}.head nav a:not(:last-child){display:none}.split{height:auto;min-height:0;grid-template-columns:1fr}.gate{min-height:560px;padding:30px}.num{top:30px;left:30px;font-size:74px}.gate-copy h1{font-size:44px}.center-mark{top:50%;width:62px;height:62px}.statement{padding:80px 28px}.statement h2{font-size:52px}.flow{align-items:flex-start;flex-direction:column}.flow b{transform:rotate(90deg)}.about{grid-template-columns:1fr;padding:80px 28px}.about h3{font-size:42px}.about p{font-size:17px}.members{margin:20px;padding:45px 25px}footer{gap:20px;flex-direction:column}.detail-main{padding:70px 28px}.detail-main h1{font-size:68px}.lead{font-size:17px}.steps{grid-template-columns:1fr 1fr}.steps article:nth-child(3){border-top:1px solid}.steps article:nth-child(4){border-top:1px solid}.next{gap:30px}}

/* V2 — INTERACTIVE WORKS */
.works{padding:110px 6vw 120px;background:#171819;color:#f3f1eb;border-bottom:1px solid #333}.works-head{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;margin-bottom:55px}.works-head>div>span{font-size:10px;font-weight:900;letter-spacing:.18em;color:var(--acid)}.works h3{font-size:clamp(44px,5.5vw,82px);line-height:.92;letter-spacing:-.065em;margin:20px 0 0}.works-intro b{display:block;font-size:18px;margin-bottom:14px}.works-intro p{font-size:16px;line-height:1.75;color:#ccc;margin:0 0 16px}.works-intro small{display:block;color:#858585;line-height:1.6}.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #3b3b3b;border-left:1px solid #3b3b3b}.demo-card{min-height:500px;padding:34px;border-right:1px solid #3b3b3b;border-bottom:1px solid #3b3b3b;position:relative;background:#1d1e1f}.demo-card:nth-child(5){grid-column:1/-1;min-height:400px}.demo-top{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.demo-top span{color:var(--acid);font-weight:900}.demo-top b{color:#999}.demo-card h4{font-size:clamp(30px,3.2vw,54px);letter-spacing:-.055em;margin:45px 0 12px}.demo-card>p{max-width:590px;color:#aaa;line-height:1.65;font-size:13px;margin-bottom:36px}.demo-card>label:not(.check){display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#bbb;margin:20px 0 7px}.demo-card>label strong{color:#fff;font-size:16px}.demo-card input[type=range]{width:100%;accent-color:var(--acid)}.demo-result{margin-top:35px;border-top:1px solid #444;padding-top:22px;display:grid;grid-template-columns:1fr auto;align-items:end}.demo-result span{font-size:11px;color:#999;letter-spacing:.1em}.demo-result b{grid-row:1/3;grid-column:2;font-size:30px;letter-spacing:-.05em}.demo-result b em{font-style:normal;font-size:56px}.demo-result small{font-size:11px;color:#777;margin-top:7px}.scenario-tabs{display:flex;gap:8px;margin-bottom:28px}.scenario-tabs button{width:48px;height:48px;border:1px solid #555;background:transparent;color:#aaa;font-weight:900;cursor:pointer}.scenario-tabs button.active{background:var(--acid);border-color:var(--acid);color:#111}.metric{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #343434;font-size:13px}.metric span{color:#888}.metric b{font-size:16px}.bar{height:9px;background:#303132;margin:28px 0 15px;overflow:hidden}.bar i{display:block;height:100%;background:var(--blue);transition:width .35s}.demo-scenario>small,.demo-data>small{color:#777}.check{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #343434;cursor:pointer}.check input{width:18px;height:18px;accent-color:var(--acid)}.check span{font-size:14px}.status{margin-top:30px;padding:20px;border:1px solid #555;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.status i{width:10px;height:10px;border-radius:50%;background:#777}.status span{font-size:17px;font-weight:900}.status b{font-size:10px;letter-spacing:.1em;color:#888}.status.ready{border-color:var(--acid)}.status.ready i{background:var(--acid);box-shadow:0 0 18px var(--acid)}.status.ready span{color:var(--acid)}.bars{height:190px;display:flex;align-items:flex-end;gap:clamp(18px,4vw,65px);padding:5px 4vw 0;border-bottom:1px solid #555;margin:30px 0 16px}.bars div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-width:30px}.bars i{width:100%;max-width:70px;background:var(--blue);display:block}.bars span,.bars b{font-size:10px;color:#888}.bars b{color:#ddd}.works-link{display:flex;justify-content:flex-end;border-bottom:1px solid #555;padding:27px 0 10px;margin-top:25px;font-size:12px;font-weight:900;letter-spacing:.1em;color:var(--blue)}
@media(max-width:800px){.works{padding:80px 28px}.works-head{grid-template-columns:1fr;gap:30px}.demo-grid{grid-template-columns:1fr}.demo-card,.demo-card:nth-child(5){grid-column:auto;min-height:0}.demo-card{padding:28px}.demo-result b em{font-size:44px}.bars{gap:12px;padding:5px 5px 0}.works-link{justify-content:flex-start}}
.digital-explain{margin-top:70px;max-width:950px;border:1px solid rgba(0,0,0,.28);padding:30px}.digital-explain>b{font-size:10px;letter-spacing:.16em}.digital-explain p{font-size:17px;line-height:1.75;margin:18px 0 25px}.digital-explain a{font-size:12px;font-weight:900;border-bottom:2px solid;padding-bottom:5px}