:root{--violet:#6c5ce7;--violet-text:#5648c7;--violet-dark:#4234a8;--violet-bg:#efecfd;--violet-bg-strong:#e6e1fb;--teal:#12a7a0;--teal-text:#0e7a75;--teal-bg:#e4f5f3;--fail:#e85c5c;--fail-text:#c74a4a;--fail-bg:#fbe9e9;--amber:#b96a18;--ink:#23263b;--muted:#7a7f99;--faint:#a6acc7;--faint-2:#b4bad4;--faint-3:#c5cbe3;--line:#e2e6f2;--line-soft:#eef0f8;--pending:#d8dcec;--page:#f4f6fb;--card-shadow:0 4px 16px #6c5ce712;--cta-shadow:0 8px 20px #6c5ce747;--sans:"Noto Sans KR", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--shell:1080px;--gutter:32px;--section-pad:88px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--page);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--violet-text);text-decoration:none}a:hover{color:var(--violet-dark)}@keyframes dashmove{to{stroke-dashoffset:-24px}}.shell{max-width:var(--shell);margin:0 auto}.section{padding:var(--section-pad) var(--gutter)}.section--white{background:#fff}.overline{font:700 13px var(--mono);color:var(--violet);letter-spacing:.14em;margin-bottom:14px}.section-title{font:900 32px/1.4 var(--sans);letter-spacing:-.02em;text-wrap:pretty;margin:0}.section-body{font:400 16px/1.85 var(--sans);color:var(--muted);text-wrap:pretty;margin-top:16px}.note-strong{font:700 17px/1.7 var(--sans);color:var(--violet-dark);text-wrap:pretty;margin-top:28px}.card{box-shadow:var(--card-shadow);background:#fff;border-radius:20px;padding:26px 24px}.btn{font:700 15px var(--sans);border-radius:99px;padding:13px 26px;display:inline-block}.btn--primary{background:var(--violet);color:#fff;box-shadow:var(--cta-shadow)}.btn--primary:hover{background:var(--violet-text);color:#fff}.btn--ghost{color:var(--violet-text);box-shadow:inset 0 0 0 1.5px var(--line);background:#fff}.nav{max-width:var(--shell);padding:24px var(--gutter);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.nav__logo{font:900 22px var(--sans);letter-spacing:-.02em}.nav__logo span{color:var(--violet)}.nav__right{align-items:center;gap:18px;display:flex}.nav__link{font:500 14px var(--sans);white-space:nowrap}.lang{box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:99px;padding:3px;display:flex}.lang__btn{cursor:pointer;color:var(--muted);font:700 12px var(--sans);background:0 0;border:0;border-radius:99px;padding:5px 14px;transition:all .2s}.lang__btn--on{background:var(--violet);color:#fff}.hero{max-width:var(--shell);padding:48px var(--gutter) 88px;flex-wrap:wrap;align-items:flex-start;gap:56px;margin:0 auto;display:flex}.hero__copy{flex:440px;padding-top:24px}.badge-pill{background:var(--violet-bg-strong);color:var(--violet-text);font:700 13px var(--sans);border-radius:99px;margin-bottom:22px;padding:6px 14px;display:inline-block}.hero__title{font:900 46px/1.28 var(--sans);letter-spacing:-.02em;text-wrap:pretty;margin:0}.hero__title em{color:var(--violet);font-style:normal}.hero__sub{font:400 17px/1.85 var(--sans);color:var(--muted);text-wrap:pretty;max-width:520px;margin-top:22px}.hero__ctas{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.graph-card{background:#fff;border-radius:24px;flex:0 440px;min-width:380px;padding:28px 26px;box-shadow:0 16px 40px #6c5ce71f}.graph-card__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.graph-card__title{font:700 11px var(--mono);color:var(--faint);letter-spacing:.14em}.live{align-items:center;gap:6px;display:flex}.live__dot{background:var(--teal);border-radius:99px;width:8px;height:8px}.live__label{font:600 11px var(--mono);color:var(--teal)}.graph-canvas-wrap{--graph-scale:1;height:calc(320px * var(--graph-scale));justify-content:center;display:flex;overflow:hidden}.graph-canvas{width:380px;height:320px;transform:scale(var(--graph-scale));transform-origin:top;flex:0 0 380px;position:relative}.graph-canvas>svg{position:absolute;inset:0}.gnode{z-index:1;white-space:nowrap;font:800 13.5px var(--sans);color:var(--faint);box-shadow:inset 0 0 0 1.5px var(--line);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:10px 15px;transition:all .35s;display:flex;position:absolute;transform:translate(-50%,-50%)}.gnode--building{background:var(--violet);color:#fff;transform:translate(-50%,-50%)scale(1.07);box-shadow:0 10px 26px #6c5ce773}.gnode--done{background:var(--teal);color:#fff;box-shadow:0 6px 16px #12a7a047}.gnode__icon{width:18px;height:18px;font:800 10px var(--mono);background:var(--line-soft);color:var(--faint);border-radius:99px;flex-shrink:0;justify-content:center;align-items:center;transition:all .35s;display:flex}.gnode--building .gnode__icon,.gnode--done .gnode__icon{color:#fff;background:#ffffff47}.gedge{fill:none;stroke-width:2.5px;stroke:var(--pending);transition:stroke .35s}.gedge--active{stroke:var(--violet);stroke-dasharray:6 6;animation:.5s linear infinite dashmove}.gedge--done{stroke:var(--teal)}.gbadge{z-index:1;width:22px;height:22px;font:800 11.5px var(--mono);color:var(--faint);box-shadow:inset 0 0 0 1.5px var(--pending);background:#fff;border-radius:99px;justify-content:center;align-items:center;transition:all .35s;display:flex;position:absolute;transform:translate(-50%,-50%)}.gbadge--active{background:var(--violet);color:#fff;box-shadow:none}.gbadge--done{background:var(--teal);color:#fff;box-shadow:none}.panel{background:var(--page);border-radius:16px;margin-top:16px;padding:16px 14px}.panel__row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.panel__chip{font:800 10.5px var(--mono);white-space:nowrap;background:var(--teal-bg);color:var(--teal-text);border-radius:99px;padding:4px 8px;transition:all .35s}.panel__chip--active{background:var(--violet);color:#fff}.panel__stage-group{align-items:center;gap:4px;display:flex}.panel__stage{font:700 11px var(--sans);white-space:nowrap;background:var(--page);color:var(--faint);border-radius:8px;padding:5px 7px;transition:all .3s}.panel__stage--on{background:var(--violet);color:#fff}.panel__arrow{color:var(--faint-3);font-size:11px;line-height:1}.panel__verdict{font:800 11px var(--mono);text-align:center;background:var(--page);min-width:30px;color:var(--faint-3);border-radius:8px;flex-shrink:0;padding:5px 8px;transition:all .3s}.panel__verdict--pass{background:var(--teal);color:#fff}.panel__verdict--fail{background:var(--fail);color:#fff}.panel__fail{font:600 10.5px var(--mono);color:var(--fail);opacity:0;height:13px;margin-top:8px;transition:opacity .3s}.panel__fail--on{opacity:1}.panel__meta{font:500 10.5px var(--mono);color:var(--muted);grid-template-columns:1fr 1fr;gap:6px 14px;margin-top:12px;display:grid}.panel__meta-label{color:var(--faint-2)}.panel__viewer--alert{color:var(--amber);font-weight:700}.graph-card__note{border-top:1px solid var(--line-soft);font:400 12.5px/1.7 var(--sans);color:var(--faint);text-wrap:pretty;margin-top:18px;padding-top:16px}.why{padding:24px var(--gutter) var(--section-pad)}.why__title,.why__body{max-width:680px}.why__switch{flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px;display:flex}.pill-strike{font:700 15px var(--sans);color:var(--faint-2);box-shadow:inset 0 0 0 1.5px var(--line);background:#fff;border-radius:99px;padding:10px 18px;text-decoration:line-through}.pill-arrow{font:900 18px var(--sans);color:var(--violet)}.pill-yes{font:800 15px var(--sans);color:#fff;background:var(--violet);box-shadow:var(--cta-shadow);border-radius:99px;padding:10px 18px}.why__cards{grid-template-columns:1fr 1fr;gap:16px;margin-top:32px;display:grid}.tag{font:800 12px var(--mono);border-radius:99px;padding:5px 12px;display:inline-block}.tag--teal{background:var(--teal-bg);color:var(--teal-text)}.tag--violet{background:var(--violet-bg);color:var(--violet-text)}.card__title{font:900 17px var(--sans);margin-top:14px}.bullets{flex-direction:column;gap:10px;margin-top:14px;display:flex}.bullet{align-items:flex-start;gap:10px;display:flex}.bullet__dot{border-radius:99px;flex-shrink:0;width:6px;height:6px;margin-top:8px}.bullet__dot--teal{background:var(--teal)}.bullet__dot--violet{background:var(--violet)}.bullet__text{font:400 14px/1.7 var(--sans);color:var(--muted);text-wrap:pretty}.chain__title{max-width:640px}.chain{grid-template-columns:repeat(5,1fr);gap:14px;margin-top:40px;display:grid}.chain__card{background:var(--page);border-radius:18px;padding:22px 18px}.chain__n{font:900 22px var(--mono);color:var(--faint-3)}.chain__q{font:700 15px/1.55 var(--sans);text-wrap:pretty;margin-top:12px}.chain__a{font:400 12.5px/1.65 var(--sans);color:var(--muted);margin-top:8px}.loop{max-width:var(--shell);flex-wrap:wrap;align-items:flex-start;gap:48px;margin:0 auto;display:flex}.loop__left{flex:420px}.loop__body{max-width:480px;margin-top:18px}.loop__diagram{background:#fff;border-radius:20px;margin-top:28px;padding:26px;box-shadow:0 8px 24px #6c5ce714}.loop__flow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.flow-pill{font:700 13px var(--sans);background:var(--page);border-radius:12px;padding:9px 14px}.flow-pill--sot{background:var(--teal-bg);color:var(--teal-text)}.flow-pill--critic{background:var(--violet-bg);color:var(--violet-text)}.flow-arrow{color:var(--faint-3)}.flow-verdict{font:800 12px var(--mono);border-radius:12px;padding:9px 12px}.flow-verdict--pass{background:var(--teal);color:#fff}.flow-verdict--fail{background:var(--fail-bg);color:var(--fail-text)}.loop__failnote{font:600 12.5px var(--mono);color:var(--fail-text);margin-top:16px}.loop__dark{background:var(--ink);color:#fff;border-radius:24px;flex-direction:column;flex:380px;justify-content:center;align-self:stretch;padding:36px 32px;display:flex}.loop__dark h3{font:900 26px/1.5 var(--sans);text-wrap:pretty;margin:0}.loop__dark p{font:400 15px/1.85 var(--sans);color:var(--faint-2);text-wrap:pretty;margin:14px 0 0}.dark-badge{color:#c9c0ff;font:700 12px var(--sans);background:#6c5ce759;border-radius:99px;align-self:flex-start;margin-bottom:18px;padding:5px 12px}.ref{max-width:var(--shell);margin:24px auto 0}.ref__card{box-shadow:var(--card-shadow);background:#fff;border-radius:16px;padding:22px 26px}.ref__label{font:700 11px var(--mono);color:var(--faint);letter-spacing:.14em;margin-bottom:16px}.ref__grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.ref__item{align-items:flex-start;gap:12px;display:flex}.ref__dot{border-radius:99px;flex-shrink:0;width:10px;height:10px;margin-top:6px}.ref__dot--violet{background:var(--violet)}.ref__dot--teal{background:var(--teal)}.ref__name{font:800 14px var(--sans)}.ref__desc{font:400 13px/1.7 var(--sans);color:var(--muted);text-wrap:pretty}.ref__link{font:600 12px var(--mono);word-break:break-word}.loops__title{max-width:640px}.loops__grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;display:grid}.loop-card{background:var(--page);border-radius:20px;padding:22px 20px}.loop-card__head{align-items:center;gap:10px;display:flex}.loop-card__n{background:var(--violet);color:#fff;width:22px;height:22px;font:800 11.5px var(--mono);border-radius:99px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.loop-card__path{font:900 14px/1.4 var(--sans);text-wrap:pretty}.loop-card__rows{flex-direction:column;gap:8px;margin-top:16px;display:flex}.kv{align-items:center;gap:10px;display:flex}.kv__k{font:700 10px var(--mono);color:var(--faint);flex-shrink:0;width:50px}.kv__v--white{font:700 12px var(--sans);background:#fff;border-radius:99px;padding:5px 11px}.kv__v--violet{background:var(--violet-bg);color:var(--violet-text);font:700 12px var(--sans);border-radius:99px;padding:5px 11px}.kv__v--plain{font:600 12px/1.5 var(--sans);color:var(--muted);text-wrap:pretty}.loops__note{max-width:760px}.how__title{max-width:680px}.how{flex-wrap:wrap;align-items:stretch;gap:48px;margin-top:40px;display:flex}.how__defs{flex-direction:column;flex:420px;gap:14px;display:flex}.def-card{box-shadow:var(--card-shadow);background:#fff;border-radius:18px;flex:1;align-items:center;gap:18px;padding:22px 24px;display:flex}.def-card__dot{border-radius:99px;flex-shrink:0;width:12px;height:12px;margin-top:5px}.def-card__name{font:900 16px var(--sans)}.def-card__desc{font:400 13.5px/1.7 var(--sans);color:var(--muted);text-wrap:pretty;margin-top:6px}.how__right{flex:380px}.how__body{font:400 15px/1.85 var(--sans);color:var(--muted);text-wrap:pretty}.how__examples{flex-direction:column;gap:12px;margin-top:20px;display:flex}.ex-card{box-shadow:var(--card-shadow);background:#fff;border-radius:16px;padding:16px 20px}.ex-card__name{font:900 14px var(--sans)}.ex-card__rows{flex-direction:column;gap:6px;margin-top:10px;display:flex}.ex-card .kv__k{white-space:nowrap;width:104px}.conclusion{background:var(--ink);padding:96px var(--gutter)}.conclusion__inner{text-align:center;max-width:820px;margin:0 auto}.conclusion__quote{font:900 30px/1.6 var(--sans);color:#fff;text-wrap:pretty;margin:0}.conclusion__sub{font:400 16px/1.8 var(--sans);color:var(--faint-2);text-wrap:pretty;margin-top:20px}.conclusion__cta{justify-content:center;gap:14px;margin-top:36px;display:flex}.btn--cta{background:var(--violet);color:#fff;padding:14px 30px}.btn--cta:hover{background:var(--violet-text);color:#fff}.footer{text-align:center;font:500 12.5px var(--mono);color:var(--faint);padding:32px}@media (max-width:1000px){.chain{grid-template-columns:repeat(3,1fr)}.loops__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.graph-card{flex:100%;min-width:0}}@media (max-width:760px){:root{--gutter:20px;--section-pad:64px}.hero{padding:24px var(--gutter) 56px;gap:36px}.hero__copy{padding-top:0}.hero__title{font-size:34px}.hero__sub{font-size:16px}.section-title{font-size:26px}.graph-card{padding:22px 16px}.chain{grid-template-columns:1fr 1fr}.loops__grid,.why__cards,.ref__grid{grid-template-columns:1fr}.ref__grid{gap:20px}.loop,.how{gap:28px}.loop__dark{padding:28px 24px}.loop__dark h3{font-size:22px}.note-strong{font-size:15px}.conclusion{padding:64px var(--gutter)}.conclusion__quote{font-size:23px}.conclusion__sub{font-size:15px}}@media (max-width:560px){.chain,.panel__meta{grid-template-columns:1fr}.nav{flex-direction:column;align-items:stretch;gap:12px}.nav__right{justify-content:space-between;gap:12px}.nav__link{white-space:normal;min-width:0;line-height:1.4}.lang{flex:none;align-self:flex-start}.hero__ctas .btn{text-align:center;flex:auto}}@media (max-width:460px){.graph-canvas-wrap{--graph-scale:.86}}@media (max-width:400px){.graph-canvas-wrap{--graph-scale:.78}}@media (max-width:360px){.graph-canvas-wrap{--graph-scale:.68}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gedge--active{stroke-dasharray:none;animation:none}.gnode--building{transform:translate(-50%,-50%)}*,:before,:after{transition-duration:.01ms!important}}