:root{--ink:#162329;--muted:#66767d;--line:#dce5e7;--paper:#f8fbfb;--card:#fff;--green:#1a926b;--blue:#1976d2;--amber:#c98a1a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,'Noto Sans KR',sans-serif}main{max-width:880px;margin:auto;padding:64px 24px 48px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--green);margin:0 0 12px}.heading{display:flex;justify-content:space-between;gap:16px;align-items:start}h1{font-size:clamp(30px,6vw,48px);letter-spacing:-.06em;margin:0}h2{font-size:18px;margin:0}.heading p,.note{color:var(--muted);font-size:14px}.live{white-space:nowrap;border:1px solid #aee5d0;background:#e8faf2;color:#137655;border-radius:99px;padding:7px 10px;font-size:12px;font-weight:800}.live.done{border-color:#bee0fa;background:#edf7ff;color:#1473aa}.hero,.guardrails{margin-top:36px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:25px}.transfer-title{display:flex;justify-content:space-between;font-size:15px;font-weight:750}.transfer-title strong{color:var(--green);font-size:25px}.progress{height:12px;margin:16px 0 22px;border-radius:99px;background:#e7efed;overflow:hidden}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#20a875,#70d5a4);transition:width .7s}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metrics div{padding-left:12px;border-left:2px solid #dce8e3}.metrics small,.metrics b{display:block}.metrics small{color:var(--muted);font-size:11px}.metrics b{font-size:15px;margin-top:4px}.note{margin:22px 0 0}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 42px}.summary article{border-radius:14px;padding:18px;color:#fff}.summary b,.summary span{display:block}.summary b{font-size:28px}.summary span{font-size:13px}.done{background:var(--green)}.active{background:var(--blue)}.wait{background:#89979b}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:42px;margin-bottom:22px}h3{font-size:16px;margin:0}.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.health-grid article{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px}.health-grid article small{color:var(--muted);font-size:11px;display:block}.health-grid article b{font-size:15px;margin-top:4px;display:block}.health-grid article.services{grid-column:1/-1}.health-grid article.services div{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.health-grid .service{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:99px;font-size:12px;font-weight:700}.health-grid .service i{display:block;width:8px;height:8px;border-radius:99px}.health-grid .service.ok{background:#e8faf2;color:#137655}.health-grid .service.ok i{background:#1a926b}.health-grid .service.down{background:#fdf4e7;color:#c98a1a}.health-grid .service.down i{background:#c98a1a}@media (max-width: 600px){.health-grid{grid-template-columns:1fr;gap:10px}.health-grid article.services{grid-column:auto}}.section-head span{font-size:12px;color:var(--muted)}.timeline{border-left:1px solid var(--line);margin-left:13px;padding-left:29px}.stage{position:relative;padding-bottom:25px}.stage:last-child{padding-bottom:0}.dot{position:absolute;left:-44px;top:0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;background:#fff;border:1px solid var(--line);color:var(--muted)}.stage.completed .dot{background:#e8faf2;color:var(--green);border-color:#aee5d0}.stage.in_progress .dot{background:#eaf4ff;color:var(--blue);border-color:#b3d7fa}.stage-top{display:flex;gap:10px;align-items:center;justify-content:space-between}.stage h3{font-size:15px;margin:4px 0}.stage-top span{font-size:11px;font-weight:800;color:var(--muted)}.stage.in_progress .stage-top span{color:var(--blue)}.stage p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.roadmap{margin-top:46px}.roadmap-group{margin:20px 0 34px}.roadmap-group header{display:flex;gap:14px;align-items:flex-start;margin-bottom:12px}.roadmap-group header>span{display:grid;place-items:center;min-width:56px;height:26px;border-radius:7px;background:#dbece6;color:#217055;font-size:11px;font-weight:850;letter-spacing:.04em}.roadmap-group h3{font-size:17px;margin:0}.roadmap-group header p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.roadmap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}.roadmap-item{align-self:start;position:relative;background:#fff;border:1px solid var(--line);border-left:4px solid #aab6ba;border-radius:12px;overflow:hidden}.roadmap-item.completed{border-left-color:var(--green);background:#fbfefd}.roadmap-item.in_progress{border-left-color:var(--blue);background:#f7fbff;box-shadow:0 5px 18px rgba(25,118,210,.12)}.roadmap-item summary{list-style:none;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:start;min-height:91px;padding:14px;cursor:pointer}.roadmap-item summary::-webkit-details-marker{display:none}.phase-state{display:inline-block;border-radius:99px;padding:3px 7px;font-size:10px;font-weight:850;color:#607075;background:#edf1f2}.completed .phase-state{color:#177657;background:#e5f7ee}.in_progress .phase-state{color:#1269bd;background:#e3f1ff}.roadmap-item h4{font-size:14px;line-height:1.35;margin:0 0 7px}.roadmap-item small{display:inline-block;color:#527078;background:#eef5f4;border-radius:6px;padding:4px 7px;font-size:10px}.expand{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#5f7176;background:#edf2f3;font-size:17px;font-weight:400;line-height:1;transition:transform .2s}.roadmap-item[open] .expand{transform:rotate(45deg);background:#dfefff;color:var(--blue)}.phase-steps{margin:0;padding:0 14px 15px 31px;color:var(--muted);font-size:12px;line-height:1.65}.phase-steps li{padding-left:2px;margin:5px 0;list-style:none}.phase-steps i{display:inline-block;width:17px;font-style:normal;font-weight:900;color:#9aa8ac}.phase-steps li.completed{color:#27785d}.phase-steps li.completed i{color:var(--green)}.phase-steps li.in_progress{color:#176db8;font-weight:700}.phase-steps li.in_progress i{color:var(--blue)}.roadmap-item[open] summary{padding-bottom:8px}.guardrails{margin-top:38px}.guardrails ul{margin:13px 0 0;padding-left:19px;color:var(--muted);font-size:13px;line-height:1.8}footer{text-align:center;color:#829094;font-size:12px;padding:20px}@media(max-width:580px){main{padding:38px 16px}.hero,.guardrails{padding:19px}.metrics{grid-template-columns:repeat(2,1fr);row-gap:18px}.health-grid{grid-template-columns:1fr}.summary{margin-bottom:34px}.heading{display:block}.live{display:inline-block;margin-top:16px}.section-head{display:block}.section-head span{display:block;margin-top:6px}.roadmap-grid{grid-template-columns:1fr}.roadmap-item{min-height:0}}