.phead{padding:88px 0 72px}.phead .crumb{display:flex;gap:10px;align-items:center;font-family:var(--display);font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.phead h1{margin-top:26px;font-family:var(--kr);font-weight:700;font-size:clamp(44px,5.5vw,78px);line-height:1.1;letter-spacing:-.045em}.phead .note{margin-top:30px;padding-top:22px;border-top:1px solid var(--line);font-size:16px;color:var(--muted);max-width:44em}.phase{padding:0 0 88px}.phase-head{display:flex;align-items:baseline;gap:20px;padding:26px 0 22px;border-bottom:2px solid var(--ink)}.phase-head .en{font-family:var(--display);font-weight:600;font-size:34px;letter-spacing:-.02em;line-height:1}.phase-head .kr{font-family:var(--kr);font-weight:600;font-size:18px;letter-spacing:-.03em;color:var(--muted)}.phase-head .rng{margin-left:auto;font-family:var(--display);font-size:14px;letter-spacing:.14em;color:var(--muted)}.srv{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter);padding:36px 0;border-bottom:1px solid var(--line);align-items:start}.srv>.n{grid-column:span 1}.srv>div{grid-column:span 4}.srv>.scope{grid-column:span 7}.srv .n{font-family:var(--display);font-weight:500;font-size:38px;line-height:.9;color:var(--muted-soft);letter-spacing:-.02em;transition:color .16s var(--ease-out)}.srv h3{font-family:var(--kr);font-weight:700;font-size:24px;line-height:1.25;letter-spacing:-.04em}.srv .one{margin-top:12px;font-size:16px;line-height:1.6;color:var(--ink-2)}.srv .scope{display:flex;flex-wrap:wrap;gap:8px;padding-top:6px}.srv .scope .t{font-family:var(--kr);font-size:14px;font-weight:500;letter-spacing:-.02em;color:var(--ink-2);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:7px 15px}@media(hover:hover)and (pointer:fine){.srv:hover .n{color:var(--accent)}}.phases{position:relative}.prail{display:none}@media(min-width:1400px){.prail{display:block;position:absolute;top:0;bottom:0;left:calc(50vw - 688px);width:104px;z-index:3}.prail-in{position:sticky;top:calc(50vh - 140px);height:280px}.pr-line{position:absolute;left:7px;top:0;bottom:0;width:1px;background:var(--line-2)}.pr-fill{position:absolute;left:0;top:0;width:1px;height:calc(var(--p,0) * 100%);background:var(--accent)}.pr-orb{position:absolute;left:0;top:calc(var(--p,0) * 100%);width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%}.pr-orb:before{content:"";position:absolute;inset:-9px;border-radius:50%;border:1px solid rgba(3,94,99,.16);background:radial-gradient(circle,#8fdcd433,#8fdcd400 70%);animation:pr-breathe 3.6s ease-in-out infinite}.pr-orb i{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 34% 28%,#f4fffd 0,#bff0ea 9%,#5cc7c1 30%,#13858a 58%,#035e63 80%,#02383b);box-shadow:0 8px 18px -6px #03484c8c,inset 0 -4px 8px #02282b73,inset 0 2px 4px #ffffff59}@keyframes pr-breathe{0%,to{transform:scale(.92);opacity:.6}50%{transform:scale(1.08);opacity:1}}.pr-n{position:absolute;left:0;top:calc(var(--y) * 100%);display:flex;align-items:center;gap:16px;transform:translateY(-50%);text-decoration:none;color:var(--muted)}.pr-dot{width:15px;height:15px;border-radius:50%;background:var(--paper);border:1px solid var(--accent);transition:background-color .3s var(--ease-out)}.pr-n.done .pr-dot{background:var(--accent)}.pr-t{font-family:var(--display);font-size:13px;letter-spacing:.2em;text-transform:uppercase;transition:color .3s var(--ease-out),transform .3s var(--ease-out)}.pr-n.on .pr-t{color:var(--accent);transform:translate(6px)}.pr-n:hover .pr-t{color:var(--ink)}.pr-n:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}}@media(prefers-reduced-motion:reduce){.pr-orb:before{animation:none}}.srv>.scope{grid-column:span 5}.srv>.art{grid-column:span 2;align-self:center}.srv{position:relative}.sv{display:block;width:100%;max-width:150px;margin-left:auto;overflow:visible;fill:none;stroke:#5f8486;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}.sv *{vector-effect:non-scaling-stroke}.sv .fr{fill:#fbfcfa}.sv .grid{stroke-opacity:.25;stroke-dasharray:2 3}.sv .sl{stroke:#9db4b5}.sv .dt{fill:#9db4b5;stroke:none}.sv .lane{stroke-dasharray:2 3;stroke-opacity:.7}.sv .pk{fill:#035e63;stroke:none;opacity:0}@media(hover:hover)and (pointer:fine){.srv:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:0 50%;transition:transform .42s var(--ease-out)}.srv:hover:after{transform:scaleX(1)}.srv .scope .t{transition:border-color .2s var(--ease-out),background-color .2s var(--ease-out),color .2s var(--ease-out)}.srv:hover .scope .t{border-color:var(--accent);background:#eef5f3;color:var(--accent-active)}.srv:hover .scope .t:nth-child(1){transition-delay:0ms}.srv:hover .scope .t:nth-child(2){transition-delay:40ms}.srv:hover .scope .t:nth-child(3){transition-delay:80ms}.srv:hover .scope .t:nth-child(4){transition-delay:.12s}.srv:hover .scope .t:nth-child(5){transition-delay:.16s}.srv:hover .scope .t:nth-child(6){transition-delay:.2s}.srv:hover .scope .t:nth-child(7){transition-delay:.24s}.srv:hover .scope .t:nth-child(8){transition-delay:.28s}.sv01 .wb{stroke:#035e63;stroke-dasharray:1;stroke-dashoffset:0}.sv01 .wb.thin{stroke:#9db4b5}.srv:hover .sv01 .wb{animation:sv-draw 2.6s var(--ease-out) calc(var(--d) * 1s) infinite both}@keyframes sv-draw{0%{stroke-dashoffset:1;opacity:1}30%{stroke-dashoffset:0}85%{opacity:1}to{stroke-dashoffset:0;opacity:0}}.sv02 .row{fill:#fbfcfa}.sv02 .mag{transform-box:view-box}.srv:hover .sv02 .mag{animation:sv-scan 2.4s cubic-bezier(.65,0,.35,1) infinite}@keyframes sv-scan{0%,8%{transform:translateY(0)}30%,40%{transform:translateY(14px)}62%,70%{transform:translateY(28px)}92%,to{transform:translateY(42px)}}.srv:hover .sv02 .h1{animation:sv-hit1 2.4s linear infinite}.srv:hover .sv02 .h2{animation:sv-hit2 2.4s linear infinite}@keyframes sv-hit1{0%,28%{fill:#fbfcfa}34%,to{fill:#4fc3be80;stroke:#035e63}}@keyframes sv-hit2{0%,88%{fill:#fbfcfa}94%,to{fill:#4fc3be80;stroke:#035e63}}.sv03 .hub{fill:#4fc3be4d;stroke:#035e63}.sv03 .usr{fill:#fbfcfa}.sv03 .ln{stroke-dasharray:1;stroke-dashoffset:0}.srv:hover .sv03 .ln{animation:sv-draw1 .7s var(--ease-out) calc(var(--d) * 1s) both}@keyframes sv-draw1{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.sv03 .k0{offset-path:path("M18 16C34 16 36 30 48 32")}.sv03 .k1{offset-path:path("M18 56C34 56 36 42 48 40")}.sv03 .k2{offset-path:path("M102 36H72")}.srv:hover .sv03 .pk{animation:sv-pk 1.5s cubic-bezier(.45,0,.55,1) infinite}.srv:hover .sv03 .k1{animation-delay:.5s}.srv:hover .sv03 .k2{animation-delay:1s}@keyframes sv-pk{0%{offset-distance:0%;opacity:0}12%,85%{opacity:1}to{offset-distance:100%;opacity:0}}.sv04 .bar{fill:#4fc3be4d;stroke:#4f8f91;transform-box:fill-box;transform-origin:50% 100%}.sv04 .axis{stroke-opacity:.5}.srv:hover .sv04 .bar{animation:sv-bar .9s ease-in-out infinite alternate}.srv:hover .sv04 .b1{animation-duration:1.15s}.srv:hover .sv04 .b2{animation-duration:.75s;animation-delay:.2s}.srv:hover .sv04 .b3{animation-duration:1.3s}.srv:hover .sv04 .b4{animation-duration:1s;animation-delay:.35s}@keyframes sv-bar{0%{transform:scaleY(1)}to{transform:scaleY(.45)}}.sv05 .btn5{fill:#035e63;stroke:none}.sv05 .rip{fill:none;stroke:#035e63;opacity:0;transform-box:fill-box;transform-origin:50% 50%}.sv05 .cur{fill:#fff;stroke:#0f1a1c;stroke-width:1;transform:translate(88px,54px)}.srv:hover .sv05 .cur{animation:sv-cur 2.4s cubic-bezier(.65,0,.35,1) infinite}@keyframes sv-cur{0%{transform:translate(88px,54px)}38%,52%{transform:translate(62px,48px)}44%{transform:translate(62px,48px) scale(.86)}to{transform:translate(88px,54px)}}.srv:hover .sv05 .rip{animation:sv-rip 2.4s var(--ease-out) infinite}@keyframes sv-rip{0%,42%{opacity:0;transform:scale(.6)}44%{opacity:.9;transform:scale(.8)}70%,to{opacity:0;transform:scale(2.4)}}.srv:hover .sv05 .btn5{animation:sv-btn 2.4s linear infinite}@keyframes sv-btn{0%,42%{fill:#035e63}44%,52%{fill:#4fc3be}60%,to{fill:#035e63}}.sv06 .it{fill:#fbfcfa}.sv06 .th{fill:#4fc3be73;stroke:none}.srv:hover .sv06 .feed{animation:sv-feed 1.4s linear infinite}@keyframes sv-feed{0%{transform:translateY(0)}to{transform:translateY(14px)}}.sv07 .scr{fill:#4fc3be1f}.sv07 .up{offset-path:path("M44 28H78")}.sv07 .dn{offset-path:path("M78 46H44")}.srv:hover .sv07 .up{animation:sv-pk 1.2s cubic-bezier(.45,0,.55,1) infinite}.srv:hover .sv07 .dn{animation:sv-pk 1.2s cubic-bezier(.45,0,.55,1) .6s infinite;fill:#4fc3be}.srv:hover .sv07 .scr{animation:sv-scr 1.2s linear infinite}.srv:hover .sv07 .s1{animation-delay:.4s}.srv:hover .sv07 .s2{animation-delay:.8s}@keyframes sv-scr{0%{fill:#4fc3be99}50%,to{fill:#4fc3be1f}}.srv:hover .sv07 .led{animation:sv-led .5s steps(2,jump-none) infinite alternate;fill:#4fc3be}@keyframes sv-led{to{opacity:.2}}.sv08 .res{fill:#fbfcfa;transform-box:view-box}.sv08 .ours{fill:#4fc3be73;stroke:#035e63;transform:translateY(-28px)}.sv08 .ra,.sv08 .rb{transform:translateY(14px)}.srv:hover .sv08 .ours{animation:sv-up 3s cubic-bezier(.65,0,.35,1) infinite}.srv:hover .sv08 .ra,.srv:hover .sv08 .rb{animation:sv-dn 3s cubic-bezier(.65,0,.35,1) infinite}@keyframes sv-up{0%,20%{transform:translateY(0)}55%,88%{transform:translateY(-28px)}to{transform:translateY(0)}}@keyframes sv-dn{0%,20%{transform:translateY(0)}55%,88%{transform:translateY(14px)}to{transform:translateY(0)}}.sv09 .hub{fill:#4fc3be4d;stroke:#035e63}.sv09 .chn{fill:#fbfcfa}.sv09 .ln{stroke-dasharray:1;stroke-dashoffset:0}.srv:hover .sv09 .ln{animation:sv-draw 2.4s var(--ease-out) calc(var(--d) * 1s) infinite both}.srv:hover .sv09 .chn{animation:sv-chn 2.4s linear infinite}.srv:hover .sv09 .c1{animation-delay:.12s}.srv:hover .sv09 .c2{animation-delay:.24s}@keyframes sv-chn{0%,22%{fill:#fbfcfa;stroke:#5f8486}28%,82%{fill:#4fc3be73;stroke:#035e63}to{fill:#fbfcfa;stroke:#5f8486}}.sv10 .sync{stroke:#035e63;transform-box:fill-box;transform-origin:50% 50%}.srv:hover .sv10 .sync{animation:sv-spin 1.6s linear infinite}@keyframes sv-spin{to{transform:rotate(360deg)}}.sv10 .to{offset-path:path("M38 30H82")}.sv10 .fr2{offset-path:path("M82 42H38");fill:#4fc3be}.srv:hover .sv10 .to{animation:sv-pk 1.6s cubic-bezier(.45,0,.55,1) infinite}.srv:hover .sv10 .fr2{animation:sv-pk 1.6s cubic-bezier(.45,0,.55,1) .8s infinite}}@media(prefers-reduced-motion:reduce){.srv .sv *{animation:none!important}}.dark-sec{background:var(--dark);color:var(--dark-ink);padding:96px 0 100px}.dark-sec .pill{font-family:var(--display);font-size:24px;letter-spacing:.06em;text-transform:none;font-weight:500;display:block;color:var(--accent)}.dark-sec .h2{margin-top:26px}.dark-sec .h2 .kr{color:var(--dark-ink)}.hand{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter);margin-top:64px;border-top:1px solid var(--dark-line)}.hand>li{grid-column:span 3}.hand li{list-style:none;padding:30px 0 0;border-left:1px solid var(--dark-line);padding-left:var(--gutter)}.hand li:first-child{border-left:0;padding-left:0}.hand .k{font-family:var(--display);font-weight:500;font-size:28px;line-height:1;letter-spacing:-.02em}.hand .kk{display:block;font-family:var(--kr);font-weight:600;font-size:16px;margin-top:10px}.hand p{margin-top:16px;font-size:14px;line-height:1.6;color:var(--dark-muted)}.sec{padding:96px 0}.cta{background:var(--dark);color:var(--dark-ink);border-radius:var(--r-card);padding:64px;display:grid;grid-template-columns:1fr auto;gap:calc(var(--gutter)*2);align-items:center}.cta .eyebrow{color:var(--accent)}.cta .h2 .kr{color:var(--dark-ink)}.cta p{margin-top:22px;font-size:18px;line-height:1.7;color:var(--dark-muted);max-width:30em}.cta .h2{margin-top:18px}@media(max-width:820px){.sec{padding:64px 0}.dark-sec{padding:64px 0 68px}.phead{padding:48px 0 40px}.phead h1{font-size:clamp(34px,9.4vw,46px)}.phase-head{gap:12px;padding:22px 0 18px}.srv{grid-template-columns:1fr;gap:12px;padding:26px 0}.srv>.n,.srv>div,.srv>.scope{grid-column:1 / -1}.srv>.art{display:none}.srv .scope{padding-top:2px}.hand{grid-template-columns:1fr;gap:0;margin-top:40px}.hand>li{grid-column:1 / -1}.cta{grid-template-columns:1fr;gap:26px;padding:34px 24px}.cta p{max-width:none;font-size:16px}.cta .btn{justify-content:center}}
