/* B21 Decision Corridor V2 — SIGNAL → QUESTION → TENSION → DECISION → WATCH */
:root{--dc-black:#0b0d10;--dc-panel:#11151a;--dc-graphite:#171c22;--dc-cobalt:#315cff;--dc-brass:#d9b668;--dc-acid:#d9f45b;--dc-paper:#ece9e1;--dc-ink:#161a1f;--dc-muted:#88929c;--dc-line:rgba(236,233,225,.14);--dc-paperline:rgba(22,26,31,.15);--dc-ui:"Pretendard","SUIT","Noto Sans KR","Malgun Gothic","Segoe UI",sans-serif;--dc-display:"Arial Narrow","Aptos Display","Noto Sans KR","Malgun Gothic",sans-serif}*{box-sizing:border-box}html{background:var(--dc-black);scroll-behavior:smooth}body{margin:0;background:var(--dc-black);color:#f3f1eb;font-family:var(--dc-ui);font-synthesis:none;-webkit-font-smoothing:antialiased}a{color:inherit}.dc-shell{min-height:100svh}.dc-topbar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;min-height:66px;padding:.65rem clamp(1rem,3vw,3rem);background:#0b0d10;border-bottom:1px solid var(--dc-line)}.dc-brand{display:flex;align-items:center;gap:.72rem;text-decoration:none}.dc-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--dc-cobalt);color:white;font-size:.58rem;font-weight:900;clip-path:polygon(0 0,80% 0,100% 20%,100% 100%,20% 100%,0 80%)}.dc-brand strong{display:block;font-size:.75rem;letter-spacing:.09em;text-transform:uppercase}.dc-brand small{display:block;margin-top:.13rem;color:#808b94;font-size:.6rem}.dc-nav{display:flex;gap:.15rem}.dc-nav a{padding:.43rem .68rem;border:1px solid transparent;border-radius:999px;color:#879199;text-decoration:none;font-size:.65rem;font-weight:800}.dc-nav a:hover,.dc-nav a:focus-visible,.dc-nav a[aria-current="page"]{background:#171c22;color:#fff}.dc-nav .is-guide{border-color:rgba(217,182,104,.44);color:var(--dc-brass)}
.dc-hero{min-height:calc(100svh - 66px);display:grid;grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);border-bottom:1px solid var(--dc-line)}.dc-copy{align-self:end;padding:clamp(4rem,9vh,7rem) clamp(1rem,5vw,5rem) 3.5rem}.dc-kicker{margin:0 0 .75rem;color:var(--dc-brass);font-size:.57rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.dc-copy h1{margin:0;max-width:10ch;font:900 clamp(4rem,8.2vw,8.4rem)/.82 var(--dc-display);letter-spacing:-.075em;text-transform:uppercase}.dc-copy h1 span{display:block;color:var(--dc-acid)}.dc-copy>p:not(.dc-kicker){max-width:610px;margin:1.5rem 0 0;color:#929ca4;line-height:1.75;word-break:keep-all}.dc-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1.9rem}.dc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.68rem .95rem;border:1px solid var(--dc-line);background:transparent;color:#f4f1ea;text-decoration:none;font-size:.69rem;font-weight:850;cursor:pointer}.dc-btn.primary{background:var(--dc-cobalt);border-color:var(--dc-cobalt);color:#fff}
.dc-corridor{position:relative;min-height:680px;overflow:hidden;border-left:1px solid var(--dc-line);background:radial-gradient(circle at 53% 42%,rgba(49,92,255,.14),transparent 22%),linear-gradient(180deg,#161b21,#0c0f13)}.dc-corridor::before,.dc-corridor::after{content:"";position:absolute;top:0;bottom:0;width:56%;border-style:solid;border-color:rgba(255,255,255,.08);pointer-events:none}.dc-corridor::before{left:-30%;border-width:0 1px 0 0;transform:skewX(24deg)}.dc-corridor::after{right:-30%;border-width:0 0 0 1px;transform:skewX(-24deg)}.dc-floor{position:absolute;left:10%;right:10%;bottom:0;height:45%;clip-path:polygon(34% 0,66% 0,100% 100%,0 100%);background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 56px),linear-gradient(180deg,#10151a,#090c0f)}.dc-door{position:absolute;width:210px;min-height:245px;padding:1rem;border:1px solid rgba(255,255,255,.15);background:#12171c;color:#f4f1e9;box-shadow:0 25px 60px rgba(0,0,0,.32)}.dc-door::before{content:"";position:absolute;inset:9px;border:1px solid rgba(255,255,255,.08)}.dc-door small{position:relative;z-index:2;color:var(--dc-brass);font-size:.52rem;letter-spacing:.12em}.dc-door strong{position:relative;z-index:2;display:block;margin-top:4rem;font:850 1.55rem/1.05 var(--dc-ui);letter-spacing:-.045em;word-break:keep-all}.dc-door p{position:relative;z-index:2;color:#8e9aa3;font-size:.7rem;line-height:1.55;word-break:keep-all}.dc-d1{left:8%;top:13%;transform:perspective(900px) rotateY(9deg)}.dc-d2{left:36%;top:29%;background:#142040;border-color:rgba(49,92,255,.4);transform:scale(.9)}.dc-d3{right:8%;top:16%;background:#242118;border-color:rgba(217,182,104,.4);transform:perspective(900px) rotateY(-9deg)}.dc-axis{position:absolute;left:17%;right:18%;top:56%;height:2px;background:linear-gradient(90deg,var(--dc-brass),var(--dc-cobalt),var(--dc-acid));box-shadow:0 0 22px rgba(49,92,255,.4)}.dc-watch{position:absolute;right:13%;bottom:10%;padding:.65rem .85rem;border:1px solid rgba(217,244,91,.32);background:#141a15;color:var(--dc-acid);font-size:.56rem;font-weight:900;letter-spacing:.1em}.dc-corridor-label{position:absolute;right:1rem;bottom:1rem;color:#68747d;font-size:.52rem;letter-spacing:.13em;text-transform:uppercase}
.dc-index{padding:clamp(4rem,7vw,7rem) clamp(1rem,5vw,5rem);background:var(--dc-paper);color:var(--dc-ink)}.dc-index-head{max-width:1500px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.46fr);gap:3rem;align-items:end}.dc-index h2{margin:.35rem 0 0;max-width:14ch;font:850 clamp(2.8rem,5vw,5.2rem)/1.04 var(--dc-ui);letter-spacing:-.065em;word-break:keep-all}.dc-index-head>p{margin:0;color:#626b72;line-height:1.75;word-break:keep-all}.dc-steps{max-width:1500px;margin:2.6rem auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--dc-paperline)}.dc-step{min-height:225px;padding:1.15rem;background:#f7f4ec;display:flex;flex-direction:column;justify-content:space-between}.dc-step:nth-child(2){background:#dfe4fa}.dc-step:nth-child(3){background:#ece2c6}.dc-step:nth-child(5){background:#e8efb8}.dc-step span{color:#274fd9;font-size:.56rem;font-weight:900;letter-spacing:.1em}.dc-step strong{font:850 clamp(1.35rem,2vw,2.05rem)/1.06 var(--dc-ui);letter-spacing:-.045em;word-break:keep-all}.dc-step p{color:#687179;font-size:.75rem;line-height:1.55}.dc-footer{display:flex;justify-content:space-between;padding:1rem clamp(1rem,3vw,3rem);border-top:1px solid var(--dc-line);color:#69747d;font-size:.56rem;letter-spacing:.08em;text-transform:uppercase}
/* Decision workspace */.dc-work{max-width:1500px;margin:auto;display:grid;grid-template-columns:260px minmax(0,1fr) 320px;min-height:calc(100svh - 66px)}.dc-signals,.dc-decision{padding:2rem 1.2rem;background:#0f1317}.dc-signals{border-right:1px solid var(--dc-line)}.dc-decision{border-left:1px solid var(--dc-line);background:#12161b}.dc-label{margin:0 0 .7rem;color:var(--dc-brass);font-size:.55rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.dc-signals h2,.dc-decision h2{margin:.2rem 0 1.2rem;font:850 1.55rem/1.08 var(--dc-ui);letter-spacing:-.045em;word-break:keep-all}.dc-signal{position:relative;width:100%;padding:1rem 0;border:0;border-top:1px solid var(--dc-line);background:none;color:#8f99a1;text-align:left;cursor:pointer}.dc-signal:last-child{border-bottom:1px solid var(--dc-line)}.dc-signal[aria-pressed="true"]{color:#fff}.dc-signal[aria-pressed="true"]::after{content:"";position:absolute;right:0;top:50%;width:28px;height:2px;background:var(--dc-cobalt)}.dc-signal.counter[aria-pressed="true"]::after{background:var(--dc-brass)}.dc-signal strong{display:block;font-size:.76rem;line-height:1.48;word-break:keep-all}.dc-signal small{display:block;margin-top:.4rem;color:#68757e;font-size:.58rem;line-height:1.4}.dc-canvas{min-width:0;padding:clamp(2rem,4vw,4rem);background:radial-gradient(circle at 65% 8%,rgba(49,92,255,.07),transparent 20%),#0b0f13}.dc-phase{display:none;max-width:960px}.dc-phase.active{display:block}.dc-canvas h1{margin:.25rem 0 1.6rem;max-width:12ch;font:900 clamp(3.4rem,6.3vw,6.8rem)/.84 var(--dc-display);letter-spacing:-.07em;text-transform:uppercase}.dc-question{padding:1.35rem;border-left:5px solid var(--dc-cobalt);background:#131921}.dc-question small{color:#7490ff;font-size:.56rem;letter-spacing:.1em}.dc-question h2{max-width:16ch;margin:.6rem 0 1rem;font:850 clamp(1.9rem,3.3vw,3.3rem)/1.05 var(--dc-ui);letter-spacing:-.055em;word-break:keep-all}.dc-question p{color:#94a0a8;line-height:1.75;word-break:keep-all}.dc-tension{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:1rem;background:var(--dc-line)}.dc-tension article{min-height:230px;padding:1.15rem;background:#12171c}.dc-tension article:last-child{background:#211e17}.dc-tension b{display:block;color:var(--dc-acid);font-size:.58rem;letter-spacing:.1em}.dc-tension article:last-child b{color:var(--dc-brass)}.dc-tension strong{display:block;margin:3.5rem 0 .7rem;font:850 1.5rem/1.06 var(--dc-ui);letter-spacing:-.045em;word-break:keep-all}.dc-tension p{color:#88949d;font-size:.72rem;line-height:1.6}.dc-actions-row{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1.4rem}.dc-actions-row button{min-height:42px;padding:.6rem .82rem;border:1px solid var(--dc-line);background:transparent;color:#f3f1eb;font-weight:800;cursor:pointer}.dc-actions-row .primary{background:var(--dc-cobalt);border-color:var(--dc-cobalt)}.dc-brief{padding:1.25rem;border:1px solid var(--dc-line);background:#121820}.dc-brief h2{margin:.5rem 0 1rem;font:850 clamp(1.9rem,3.3vw,3.2rem)/1.05 var(--dc-ui);letter-spacing:-.05em;word-break:keep-all}.dc-brief p{color:#9ba5ac;line-height:1.75}.dc-decision-options{display:grid;gap:.7rem}.dc-decision-options button{padding:1rem;border:1px solid var(--dc-line);background:#171c22;color:#a2abb2;text-align:left;cursor:pointer}.dc-decision-options button.selected{border-color:var(--dc-acid);background:#202817;color:#f5f6e9}.dc-decision-options strong{display:block;font-size:.78rem;line-height:1.45;word-break:keep-all}.dc-decision-options small{display:block;margin-top:.4rem;color:#6f7b83;font-size:.58rem;line-height:1.45}.dc-watch-card{margin-top:1rem;padding:1rem;border-left:3px solid var(--dc-brass);background:#1c1914}.dc-watch-card b{display:block;color:var(--dc-brass);font-size:.58rem;letter-spacing:.1em}.dc-watch-card p{color:#aaa094;font-size:.7rem;line-height:1.6}.dc-status{min-height:30px;margin-top:1rem;color:var(--dc-acid);font-size:.65rem;line-height:1.55}.dc-decision-actions{display:grid;gap:.5rem;margin-top:1rem}.dc-decision-actions button{min-height:42px;border:1px solid var(--dc-line);background:transparent;color:#f4f1e8;font-weight:800;cursor:pointer}.dc-decision-actions .primary{background:var(--dc-cobalt);border-color:var(--dc-cobalt)}.dc-decision-actions button:disabled{opacity:.4}
/* Guide */.dc-guide-hero{min-height:68svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);border-bottom:1px solid var(--dc-line)}.dc-guide-copy{align-self:end;padding:clamp(4rem,8vw,7rem) clamp(1rem,5vw,5rem)}.dc-guide-copy h1{margin:.3rem 0 1.1rem;max-width:11ch;font:900 clamp(3.6rem,7.2vw,7.3rem)/.85 var(--dc-display);letter-spacing:-.07em;text-transform:uppercase}.dc-guide-copy h1 em{display:block;color:var(--dc-acid);font-style:normal}.dc-guide-copy p{max-width:650px;color:#929da5;line-height:1.75;word-break:keep-all}.dc-guide-ledger{padding:clamp(5rem,8vw,7rem) clamp(1rem,4vw,4rem);background:#121922}.dc-guide-ledger div{display:grid;grid-template-columns:2rem 1fr auto;gap:.8rem;padding:1rem 0;border-top:1px solid var(--dc-line)}.dc-guide-ledger span{color:var(--dc-brass);font-size:.58rem}.dc-guide-ledger strong{font-size:.68rem;text-transform:uppercase}.dc-guide-ledger small{color:#84919a}.dc-guide-steps{padding:0 clamp(1rem,5vw,5rem);background:var(--dc-paper);color:var(--dc-ink)}.dc-guide-step{max-width:1450px;margin:auto;display:grid;grid-template-columns:5rem minmax(0,1fr) minmax(250px,.55fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;padding:clamp(3.5rem,6vw,5.5rem) 0;border-bottom:1px solid var(--dc-paperline)}.dc-guide-step>span{align-self:start;color:var(--dc-cobalt);font-size:3.2rem;font-weight:900}.dc-guide-step h2{max-width:16ch;margin:.35rem 0 1rem;font:850 clamp(2rem,3.2vw,3.45rem)/1.08 var(--dc-ui);letter-spacing:-.055em;word-break:keep-all}.dc-guide-step p{max-width:650px;color:#626c73;line-height:1.75;word-break:keep-all}.dc-guide-card{min-height:175px;padding:1.1rem;background:#f8f5ed;border:1px solid var(--dc-paperline);display:flex;flex-direction:column;justify-content:space-between}.dc-guide-card small{font-size:.56rem;letter-spacing:.1em;color:#778087}.dc-guide-card strong{font:900 clamp(1.45rem,2.5vw,2.8rem)/.95 var(--dc-display);letter-spacing:-.04em;text-transform:uppercase}.dc-guide-card b{color:#2f56dd;font-size:.63rem}.dc-guide-finish{padding:clamp(4rem,7vw,7rem) clamp(1rem,5vw,5rem);background:#0b0d10}.dc-guide-finish h2{max-width:11ch;margin:.4rem 0 1rem;font:900 clamp(3.2rem,6.2vw,6.5rem)/.84 var(--dc-display);letter-spacing:-.065em;text-transform:uppercase}.dc-guide-finish p{max-width:660px;color:#929ca4;line-height:1.7}
@media(max-width:900px){.dc-hero,.dc-guide-hero{grid-template-columns:1fr}.dc-corridor{min-height:570px;border-left:0;border-top:1px solid var(--dc-line)}.dc-index-head{grid-template-columns:1fr}.dc-steps{grid-template-columns:1fr 1fr}.dc-work{grid-template-columns:210px minmax(0,1fr)}.dc-decision{grid-column:1/-1;border-left:0;border-top:1px solid var(--dc-line)}.dc-decision-options{grid-template-columns:1fr 1fr}.dc-guide-step{grid-template-columns:4rem 1fr}.dc-guide-step>.dc-guide-card{grid-column:2}}
@media(max-width:620px){html,body{max-width:100%;overflow-x:clip}.dc-topbar{position:static;grid-template-columns:34px minmax(0,1fr);padding:.55rem .65rem}.dc-brand{width:34px;overflow:hidden}.dc-brand>span:last-child{display:none}.dc-nav{display:grid;grid-template-columns:1.05fr .8fr .8fr;gap:.04rem;min-width:0}.dc-nav a{min-width:0;padding:.4rem .16rem;text-align:center;font-size:.56rem;white-space:nowrap}.dc-nav a:last-child{display:none}.dc-copy{padding:4rem 1rem 2.4rem}.dc-copy h1{font-size:clamp(3.4rem,16vw,4.9rem)}.dc-corridor{min-height:500px}.dc-door{width:150px;min-height:190px;padding:.75rem}.dc-door strong{margin-top:2.7rem;font-size:1rem}.dc-door p{font-size:.58rem}.dc-d1{left:4%;top:12%}.dc-d2{left:31%;top:35%}.dc-d3{right:4%;top:15%}.dc-watch{right:5%;bottom:7%;font-size:.47rem}.dc-index{padding:4rem 1rem}.dc-index h2{font-size:clamp(2.4rem,11vw,3.4rem)}.dc-steps{grid-template-columns:1fr}.dc-step{min-height:180px}.dc-work{grid-template-columns:1fr}.dc-signals{border-right:0;border-bottom:1px solid var(--dc-line);padding:1rem}.dc-signal-list{display:flex;overflow-x:auto;width:100%;max-width:100%}.dc-signal{flex:0 0 190px;padding:.8rem;border-top:0;border-right:1px solid var(--dc-line)}.dc-canvas{padding:2rem 1rem}.dc-canvas h1{font-size:clamp(3rem,14vw,4.4rem)}.dc-tension{grid-template-columns:1fr}.dc-decision{grid-column:auto}.dc-decision-options{grid-template-columns:1fr}.dc-guide-copy{padding:4rem 1rem 2.4rem}.dc-guide-copy h1{font-size:clamp(3.2rem,15vw,4.6rem)}.dc-guide-ledger{padding:2.5rem 1rem}.dc-guide-ledger div{grid-template-columns:2rem minmax(0,1fr)}.dc-guide-ledger small{grid-column:2}.dc-guide-step{grid-template-columns:1fr;gap:1rem;padding:3rem 0}.dc-guide-step>.dc-guide-card{grid-column:1}.dc-guide-step>span{font-size:2.5rem}.dc-guide-step h2{font-size:clamp(1.9rem,8.6vw,2.6rem)}.dc-guide-finish{padding:4rem 1rem}.dc-guide-finish h2{font-size:clamp(2.9rem,13vw,4.2rem)}}