@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e390973e931a41c5-s.0rgnxg2b64rzs.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/59b15b4bcd7b1eb5-s.2vemzm0itqzfy.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e532fa1b9921e1cd-s.3cb5lpr2l6xud.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2fe89d53234c61d4-s.1u30mmyq6lnsd.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/99e609270109b47d-s.p.40sczeszzbjw1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e05ae5b48faa55e-s.1yd4_i3e35931.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a7afbb44bec2bb18-s.1qc6dx89jd2qv.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/02263ebadd758ea4-s.29yke99gs9qpn.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/68757d6cddeff913-s.1i-sca43-qwng.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/effe91970fc4db64-s.p.0oace-s_gkfks.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/6ff74e33ebd7bca3-s.352ti9pm7m6qh.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1a69062cfe6f77f8-s.0o-3_g79811ob.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9a4838fcda0d1bca-s.0ngr-xkgqz1kf.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2e95a7d252b9825a-s.15orukf5wyxb5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/23b7a97ae3b5c134-s.p.226pwps5o-gq_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono Fallback;src:local(Arial);ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:134.59%}.ibm_plex_mono_4719835b-module__4nbYhq__className{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal}.ibm_plex_mono_4719835b-module__4nbYhq__variable{--font-mono:"IBM Plex Mono", "IBM Plex Mono Fallback"}
:root{--font-sans:"Pretendard", "Pretendard Variable", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, -apple-system, "Segoe UI", sans-serif;--bp-bg:#0c2c47;--bp-bg-2:#0a2540;--bp-card:#0d38588c;--bp-card-2:#08263cc7;--bp-line:#7fb8de38;--bp-line-soft:#7fb8de1f;--bp-grid:#7ab4dc12;--bp-grid-bold:#7ab4dc24;--ink:#e3eef8;--ink-2:#c2d6e6;--ink-dim:#8fb1c9;--ink-faint:#6f93ad;--c-principle:#5bd0e6;--c-solution:#5fd58a;--c-problem:#f2b441;--c-next:#f2b441;--c-key:#e3eef8;--shadow:0 18px 48px -22px #000000bf}*{box-sizing:border-box}html,body{max-width:100%;margin:0;padding:0;overflow-x:hidden}html{scroll-behavior:smooth;scroll-padding-top:92px}body{min-height:100vh;color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background-color:var(--bp-bg);background-image:linear-gradient(var(--bp-grid) 1px, transparent 1px), linear-gradient(90deg, var(--bp-grid) 1px, transparent 1px), linear-gradient(var(--bp-grid-bold) 1px, transparent 1px), linear-gradient(90deg, var(--bp-grid-bold) 1px, transparent 1px), radial-gradient(120% 80% at 50% 0%, #3078aa2e, transparent 60%);background-size:24px 24px,24px 24px,120px 120px,120px 120px,100% 100%;background-attachment:fixed;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}.shell{width:100%;max-width:1040px;margin:0 auto;padding:0 24px}.hero{text-align:center;padding:96px 0 40px;position:relative}.hero-eyebrow{font-family:var(--font-mono);letter-spacing:.34em;text-transform:uppercase;color:var(--c-principle);align-items:center;gap:12px;margin-bottom:26px;font-size:12px;font-weight:500;display:inline-flex}.hero-eyebrow:before,.hero-eyebrow:after{content:"";background:var(--bp-line);width:44px;height:1px}.hero-title{letter-spacing:-.02em;color:#f2f8fc;margin:0;font-size:clamp(34px,6vw,60px);font-weight:800;line-height:1.12}.hero-title .accent{color:var(--c-principle)}.hero-sub{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);margin:18px 0 0;font-size:clamp(13px,2vw,16px)}.hero-lead{max-width:640px;color:var(--ink-2);margin:30px auto 0;font-size:16.5px;line-height:1.7}.hero-rule{background:var(--c-principle);opacity:.8;width:88px;height:2px;margin:40px auto 0}.navbar{z-index:40;-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--bp-line);border-bottom:1px solid var(--bp-line);background:linear-gradient(#082236f0,#082236d1);position:sticky;top:0}.navbar-inner{align-items:center;gap:18px;padding:10px 0;display:flex}.navbar-label{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap;font-size:10.5px}.pilltrack{scrollbar-width:none;gap:6px;padding:2px 0;display:flex;overflow-x:auto}.pilltrack::-webkit-scrollbar{display:none}.pill{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-dim);border:1px solid var(--bp-line);white-space:nowrap;cursor:pointer;background:#7fb8de0f;border-radius:999px;padding:5px 12px;font-size:12px;transition:color .15s,background .15s,border-color .15s}.pill:hover{color:var(--ink);border-color:var(--c-principle)}.pill.active{color:var(--bp-bg);background:var(--c-principle);border-color:var(--c-principle);font-weight:600}.legend{flex-wrap:wrap;justify-content:center;gap:10px 22px;max-width:760px;margin:22px auto 0;display:flex}.legend-item{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);align-items:center;gap:8px;font-size:11.5px;display:inline-flex}.legend-swatch{border:1px solid;border-radius:3px;width:14px;height:14px}.legend-swatch.solid{background:currentColor}.legend-swatch.dashed{background:0 0;border-style:dashed;border-width:1.5px}.timeline{padding:64px 0 40px;position:relative}.timeline:before{content:"";background:var(--bp-line-soft);width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-.5px)}.era{opacity:0;width:100%;max-width:720px;margin:0 auto;transition:opacity .7s,transform .7s;position:relative;transform:translateY(26px)}.era.is-visible{opacity:1;transform:none}.era-node{background:var(--bp-bg);border:2px solid var(--c-principle);width:16px;height:16px;box-shadow:0 0 0 4px var(--bp-bg), 0 0 18px #5bd0e680;z-index:2;border-radius:50%;position:absolute;top:26px;left:50%;transform:translate(-50%)}.era-card{background:var(--bp-card);border:1px solid var(--bp-line);box-shadow:var(--shadow);border-radius:14px;padding:26px 28px 22px;position:relative;overflow:hidden}.era-card:before,.era-card:after{content:"";border-color:var(--c-principle);opacity:.6;border-style:solid;width:18px;height:18px;position:absolute}.era-card:before{border-width:1px 0 0 1px;top:10px;left:10px}.era-card:after{border-width:0 1px 1px 0;bottom:10px;right:10px}.era-head{border-bottom:1px dashed var(--bp-line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;padding-bottom:16px;display:flex}.era-year{font-family:var(--font-mono);letter-spacing:.14em;color:var(--c-principle);white-space:nowrap;background:#5bd0e614;border:1px solid #5bd0e64d;border-radius:6px;padding:4px 10px;font-size:13px}.era-title-block{flex:220px}.era-title{letter-spacing:-.01em;color:#f2f8fc;margin:0;font-size:clamp(20px,3.4vw,27px);font-weight:800;line-height:1.22}.era-title-en{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin-top:6px;font-size:11.5px;display:block}.era-fields{gap:14px;margin:0;display:grid}.field{grid-template-columns:132px 1fr;align-items:start;gap:14px;display:grid}.field-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);padding-top:3px;padding-left:14px;font-size:11px;position:relative}.field-label:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;left:0}.field-value{color:var(--ink-2);margin:0;font-size:15px;line-height:1.65}.field-value strong{color:var(--ink);font-weight:700}.field--problem .field-label{color:var(--c-problem)}.field--principle .field-label{color:var(--c-principle)}.field--solution .field-label{color:var(--c-solution)}.field--actors .field-label{color:var(--c-key)}.chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.chips li{font-family:var(--font-mono);letter-spacing:.03em;color:var(--ink-2);border:1px solid var(--bp-line);white-space:nowrap;background:#7fb8de12;border-radius:6px;padding:3px 9px;font-size:11.5px}.chips li.tag-co{color:var(--c-principle);border-color:#5bd0e647}.connector{text-align:center;opacity:0;flex-direction:column;align-items:center;max-width:640px;margin:0 auto;padding:18px 0;transition:opacity .7s .1s,transform .7s .1s;display:flex;transform:translateY(20px)}.connector.is-visible{opacity:1;transform:none}.connector-wire{background:var(--c-next);opacity:.55;width:1px;height:22px}.connector-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--c-next);margin:2px 0 8px;font-size:10.5px}.connector-text{color:var(--ink-2);max-width:460px;font-size:14.5px;line-height:1.5}.connector-text strong{color:var(--c-next)}.era[data-variant=future] .era-node{border-color:var(--c-next);box-shadow:0 0 0 4px var(--bp-bg), 0 0 18px #f2b44180}.era[data-variant=future] .era-card{border-style:dashed}.footer{border-top:1px solid var(--bp-line);margin-top:72px;padding:34px 0 64px}.footer-inner{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 30px;font-size:11.5px;display:flex}.footer-inner .src{color:var(--ink-dim)}.footer-inner a{color:var(--c-principle)}.footer-inner code{font-family:var(--font-mono);color:var(--ink);border:1px solid var(--bp-line);background:#7fb8de14;border-radius:4px;padding:2px 6px;font-size:11px}.footer-inner a:hover{text-decoration:underline}@media (max-width:640px){.shell{padding:0 16px}.hero{padding:64px 0 28px}.timeline:before{left:20px}.era{max-width:100%;padding-left:38px}.era-node{left:20px}.era-card{padding:22px 18px 18px}.field{grid-template-columns:1fr;gap:4px}.field-label{padding-top:0;padding-left:14px}.field-label:before{top:4px}.connector{text-align:left;align-items:flex-start;padding-left:38px}}@media (prefers-reduced-motion:reduce){.era,.connector{opacity:1!important;transition:none!important;transform:none!important}html{scroll-behavior:auto}}
