@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
.skillo-root{--sk-bg:#fbfaf7;--sk-surface:#fff;--sk-sunken:#f7f5f0;--sk-ink:#15181b;--sk-body:#22262a;--sk-muted:#454b50;--sk-soft:#5a6167;--sk-faint:#7c838a;--sk-line:#e3e1da;--sk-line-soft:#edebe4;--sk-control:#dddad2;--sk-primary:#1b6b57;--sk-primary-hover:#15533f;--sk-primary-ink:#15503f;--sk-primary-bg:#edf4f1;--sk-primary-border:#c6ded4;--sk-game:#e9b872;--sk-game-bg:#fdf9ef;--sk-font:"IBM Plex Sans KR", "Apple SD Gothic Neo", Pretendard, system-ui, sans-serif;--sk-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--sk-ease:cubic-bezier(.2, 0, .2, 1);background:var(--sk-bg);min-width:320px;color:var(--sk-ink);font-family:var(--sk-font);-webkit-font-smoothing:antialiased}.skillo-root *,.skillo-root :before,.skillo-root :after{box-sizing:border-box}.skillo-root a{color:inherit;text-decoration:none}.skillo-header{border-bottom:1px solid var(--sk-line);align-items:center;width:min(1180px,100% - 48px);height:72px;margin:0 auto;display:flex}.skillo-brand-link{color:var(--sk-ink);align-items:center;display:inline-flex}.skillo-lockup{align-items:center;gap:calc(var(--mark) * .31);display:inline-flex}.skillo-wordmark{font-family:var(--sk-font);font-size:calc(var(--mark) * .72);letter-spacing:-.035em;color:currentColor;font-weight:700;line-height:1}.skillo-header-note{color:var(--sk-faint);font-family:var(--sk-mono);letter-spacing:.13em;margin-left:18px;font-size:10px}.skillo-live-pill{border:1px solid var(--sk-primary-border);background:var(--sk-primary-bg);color:var(--sk-primary-ink);font-family:var(--sk-mono);letter-spacing:.13em;border-radius:4px;margin-left:12px;padding:3px 7px;font-size:9px;font-weight:600}.skillo-back-link{color:var(--sk-soft);margin-left:auto;font-size:13px}.skillo-back-link:hover{color:var(--sk-primary-ink)}.skillo-hero{grid-template-columns:minmax(0,.93fr) minmax(430px,.9fr);align-items:center;gap:clamp(44px,7vw,108px);width:min(1180px,100% - 48px);min-height:710px;margin:0 auto;padding:96px 0 88px;display:grid}.skillo-eyebrow,.skillo-section-label{color:var(--sk-faint);font-family:var(--sk-mono);letter-spacing:.15em;align-items:center;gap:8px;margin:0;font-size:10px;font-weight:600;display:flex}.skillo-source-mark{flex-direction:column;gap:2px;width:14px;display:inline-flex}.skillo-source-mark i{background:var(--sk-primary);border-radius:2px;height:2px;display:block}.skillo-source-mark i:nth-child(2){width:10px}.skillo-source-mark i:nth-child(3){width:6px}.skillo-hero h1{letter-spacing:-.055em;text-wrap:balance;max-width:610px;margin:24px 0 0;font-size:clamp(46px,5vw,70px);font-weight:600;line-height:1.12}.skillo-title-accent{color:var(--sk-primary);font-style:normal}.skillo-lead{max-width:530px;color:var(--sk-muted);word-break:keep-all;margin:25px 0 0;font-size:17px;line-height:1.75}.skillo-hero-actions{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.skillo-button{min-height:46px;transition:background .18s var(--sk-ease), border-color .18s var(--sk-ease), transform .18s var(--sk-ease);border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.skillo-button:hover{transform:translateY(-1px)}.skillo-root .skillo-button-primary{background:var(--sk-primary);color:#fff}.skillo-button-primary:hover{background:var(--sk-primary-hover)}.skillo-root .skillo-button-secondary{border:1px solid var(--sk-control);background:var(--sk-surface);color:var(--sk-muted)}.skillo-button-secondary:hover{border-color:var(--sk-primary);color:var(--sk-primary-ink)}.skillo-arrow{font-size:19px;line-height:1}.skillo-hero-footnote{color:var(--sk-faint);font-family:var(--sk-mono);letter-spacing:.04em;margin:27px 0 0;font-size:10px;line-height:1.6}.skillo-player-frame{border:1px solid var(--sk-line);background:var(--sk-surface);border-radius:8px;overflow:hidden;box-shadow:0 24px 60px -38px #15181b52}.skillo-player-topbar{border-bottom:1px solid var(--sk-line);height:46px;color:var(--sk-faint);font-family:var(--sk-mono);letter-spacing:.05em;align-items:center;gap:16px;padding:0 15px;font-size:9px;display:flex}.skillo-player-topbar i{flex:1}.skillo-player-brand{align-items:center;gap:6px;display:inline-flex}.skillo-player-brand b{color:var(--sk-ink);font-family:var(--sk-font);letter-spacing:-.035em;font-size:15px;font-weight:700}.skillo-player-points{color:#7a5b12;background:var(--sk-game-bg);border:1px solid #e8dfc6;border-radius:4px;padding:4px 6px}.skillo-player-body{grid-template-columns:36% 1fr;min-height:392px;display:grid}.skillo-demo-tree{background:var(--sk-sunken);border-right:1px solid var(--sk-line);padding:18px 14px}.skillo-demo-tree>p,.skillo-demo-tree>strong{font-family:var(--sk-mono);letter-spacing:.1em;color:var(--sk-faint);margin:0;font-size:8px;font-weight:600;display:block}.skillo-demo-progress{background:#eae7df;height:3px;margin-top:9px}.skillo-demo-progress i{background:var(--sk-primary);width:46%;height:100%;display:block}.skillo-demo-caption{color:var(--sk-soft);font-family:var(--sk-mono);margin:6px 0 19px;font-size:8px;display:block}.skillo-demo-tree ul{color:var(--sk-muted);margin:9px 0 0;padding:0;font-size:10px;list-style:none}.skillo-demo-tree li{align-items:center;gap:6px;min-height:27px;padding:4px 6px;display:flex}.skillo-tree-index{color:var(--sk-faint);font-family:var(--sk-mono);font-size:8px;font-weight:500}.skillo-tree-toggle{margin-left:auto}.skillo-demo-tree .skillo-demo-child{min-height:24px;padding-left:22px;font-size:9px}.skillo-demo-tree .skillo-demo-active{background:var(--sk-primary-bg);min-height:27px;color:var(--sk-primary-ink);border-radius:5px;padding-left:22px;font-size:9px;font-weight:600}.skillo-demo-reading{padding:30px 28px 20px}.skillo-demo-breadcrumb{color:var(--sk-faint);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:8px;overflow:hidden}.skillo-demo-status{color:#a96a12;margin:18px 0 0;font-size:9px}.skillo-demo-reading h2{letter-spacing:-.04em;margin:7px 0 0;font-size:27px}.skillo-demo-summary{color:var(--sk-muted);margin:11px 0 0;font-size:11px;line-height:1.65}.skillo-demo-rule{border-left:3px solid var(--sk-primary);background:var(--sk-primary-bg);gap:5px;margin-top:19px;padding:11px 12px;display:grid}.skillo-demo-rule b{color:var(--sk-primary);font-family:var(--sk-mono);letter-spacing:.1em;font-size:8px}.skillo-demo-rule span{color:var(--sk-primary-ink);font-size:10px;font-weight:600}.skillo-demo-code{color:#d5dde2;background:#191d21;border:1px solid #28312d;border-radius:5px;margin-top:13px;overflow:hidden}.skillo-demo-code span{color:#7e8c94;font-family:var(--sk-mono);border-bottom:1px solid #2b3631;padding:7px 10px;font-size:8px;display:block}.skillo-demo-code code{color:#d5dde2;font-family:var(--sk-mono);padding:9px 10px;font-size:9px;line-height:1.65;display:block}.skillo-demo-source{border-top:1px solid var(--sk-line-soft);align-items:center;gap:7px;margin-top:14px;padding-top:12px;display:flex}.skillo-demo-source span{flex:1;min-width:0}.skillo-demo-source b,.skillo-demo-source small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.skillo-demo-source b{font-size:9px}.skillo-demo-source small{color:var(--sk-faint);margin-top:2px;font-size:8px}.skillo-demo-source em{color:var(--sk-primary);white-space:nowrap;font-size:8px;font-style:normal}.skillo-intro,.skillo-structure,.skillo-source-section,.skillo-capabilities{width:min(1040px,100% - 48px);margin:0 auto}.skillo-intro{border-top:1px solid var(--sk-line);grid-template-columns:180px minmax(0,1fr);gap:42px;padding:112px 0;display:grid}.skillo-intro h2,.skillo-structure h2,.skillo-loop h2,.skillo-source-copy h2,.skillo-capabilities h2,.skillo-closing h2{letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(30px,3.6vw,48px);font-weight:600;line-height:1.23}.skillo-intro div>p{max-width:615px;color:var(--sk-muted);word-break:keep-all;margin:22px 0 0;font-size:16px;line-height:1.8}.skillo-principles{border-top:1px solid var(--sk-line);width:min(1040px,100% - 48px);margin:0 auto}.skillo-principles article{border-bottom:1px solid var(--sk-line);grid-template-columns:180px minmax(230px,.9fr) minmax(0,1.35fr);gap:36px;padding:38px 0;display:grid}.skillo-principle-meta span{color:var(--sk-primary);font-family:var(--sk-mono);font-size:12px;display:block}.skillo-principle-meta p{color:var(--sk-faint);font-family:var(--sk-mono);letter-spacing:.1em;margin:7px 0 0;font-size:9px}.skillo-principles h3{letter-spacing:-.03em;margin:0;font-size:19px;line-height:1.45}.skillo-principles article>p{color:var(--sk-muted);word-break:keep-all;margin:0;font-size:14px;line-height:1.75}.skillo-structure{grid-template-columns:minmax(0,.9fr) minmax(340px,.8fr);align-items:center;gap:96px;padding:132px 0;display:grid}.skillo-structure-copy>p:last-child,.skillo-source-copy>p:not(.skillo-section-label):not(.skillo-source-note){color:var(--sk-muted);word-break:keep-all;margin:20px 0 0;font-size:15px;line-height:1.8}.skillo-path-gloss{color:var(--sk-faint);font-family:var(--sk-mono);text-align:right;word-break:keep-all;margin-left:auto;padding-left:14px;font-size:11px;font-style:normal}.skillo-path{border-top:1px solid var(--sk-line);margin:0;padding:0;list-style:none}.skillo-path li{border-bottom:1px solid var(--sk-line);align-items:center;gap:14px;min-height:49px;display:flex;position:relative}.skillo-path li>span{width:25px;color:var(--sk-faint);font-family:var(--sk-mono);font-size:10px}.skillo-path li strong{font-size:14px;font-weight:500}.skillo-path li i{border-left:1px solid var(--sk-primary-border);height:28px;position:absolute;top:35px;left:12px}.skillo-path li:last-child{background:var(--sk-primary-bg);padding-left:14px}.skillo-path li:last-child>span{color:var(--sk-primary)}.skillo-loop{background:#f0f3f1;padding:112px max(24px,50% - 520px)}.skillo-loop header{max-width:620px}.skillo-loop-grid{border-top:1px solid var(--sk-primary-border);grid-template-columns:repeat(3,1fr);margin-top:56px;display:grid}.skillo-loop-grid article{border-right:1px solid var(--sk-primary-border);min-height:230px;padding:26px 28px 0}.skillo-loop-grid article:first-child{padding-left:0}.skillo-loop-grid article:last-child{border-right:0}.skillo-loop-grid span{color:var(--sk-primary);font-family:var(--sk-mono);font-size:11px}.skillo-loop-grid h3{letter-spacing:-.03em;margin:33px 0 0;font-size:18px}.skillo-loop-grid p{color:var(--sk-muted);word-break:keep-all;margin:13px 0 0;font-size:14px;line-height:1.75}.skillo-source-section{grid-template-columns:minmax(270px,.78fr) minmax(0,1fr);align-items:center;gap:clamp(54px,9vw,132px);padding:132px 0;display:grid}.skillo-source-card{border:1px solid var(--sk-line);background:var(--sk-surface);padding:30px;box-shadow:0 20px 45px -40px #15181b7a}.skillo-source-card>p{color:var(--sk-faint);font-family:var(--sk-mono);letter-spacing:.12em;margin:20px 0 0;font-size:9px}.skillo-source-card h2{letter-spacing:-.035em;margin:10px 0 0;font-size:24px;line-height:1.32}.skillo-source-card>span{border-top:1px solid var(--sk-line-soft);color:var(--sk-muted);margin-top:18px;padding-top:15px;font-size:12px;line-height:1.55;display:block}.skillo-source-card div{align-items:center;gap:8px;margin-top:16px;display:flex}.skillo-source-card b{color:var(--sk-primary-ink);font-family:var(--sk-mono);font-size:11px}.skillo-source-card small{color:var(--sk-faint);font-size:11px}.skillo-source-note{border-left:2px solid var(--sk-game);color:var(--sk-soft);margin:24px 0 0;padding-left:13px;font-size:13px;line-height:1.7}.skillo-capabilities{border-top:1px solid var(--sk-line);padding:118px 0}.skillo-capabilities header{max-width:620px}.skillo-capabilities h2{margin-top:16px}.skillo-capabilities-grid{border-top:1px solid var(--sk-line);grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;margin-top:50px;display:grid}.skillo-capabilities-grid article{border-bottom:1px solid var(--sk-line);padding:25px 0 29px}.skillo-capability-label{color:var(--sk-faint);font-family:var(--sk-mono);letter-spacing:.1em;margin:0;font-size:9px;font-weight:600}.skillo-capabilities-grid h3{letter-spacing:-.03em;margin:13px 0 0;font-size:17px}.skillo-capabilities-grid article>p:not(.skillo-capability-label){color:var(--sk-muted);word-break:keep-all;margin:11px 0 0;font-size:13.5px;line-height:1.75}.skillo-closing{text-align:center;background:var(--sk-primary);color:#fff;padding:118px 24px}.skillo-closing .skillo-section-label{color:#c6ded4;justify-content:center}.skillo-closing-mark{margin:0 auto 26px;display:block}.skillo-closing h2{margin-top:18px}.skillo-closing>p:not(.skillo-section-label){color:#e2efea;margin:18px 0 30px;font-size:15px}.skillo-closing-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.skillo-root .skillo-closing .skillo-button{color:var(--sk-primary-ink);background:#fff}.skillo-closing .skillo-button:hover{background:#f2f7f4}.skillo-root .skillo-closing .skillo-button-ghost{color:#fff;background:0 0;border:1px solid #ffffff6b}.skillo-closing .skillo-button-ghost:hover{background:#ffffff1f;border-color:#fff}.skillo-footer{width:min(1180px,100% - 48px);min-height:84px;color:var(--sk-faint);align-items:center;gap:20px;margin:0 auto;font-size:12px;display:flex}.skillo-footer .skillo-lockup{color:var(--sk-ink)}.skillo-footer p{margin:0}.skillo-footer-links{align-items:center;gap:18px;margin-left:auto;display:flex}.skillo-footer a{color:var(--sk-soft)}.skillo-footer a:hover{color:var(--sk-primary-ink)}.skillo-footer-app{font-family:var(--sk-mono);font-size:11px}.skillo-root a:focus-visible{outline:2px solid var(--sk-primary);outline-offset:3px}@media (max-width:820px){.skillo-hero{grid-template-columns:1fr;gap:54px;min-height:0;padding:72px 0}.skillo-player-frame{max-width:570px}.skillo-intro,.skillo-structure,.skillo-source-section{grid-template-columns:1fr;gap:28px}.skillo-intro{padding:82px 0}.skillo-capabilities{padding:92px 0}.skillo-capabilities-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}.skillo-principles article{grid-template-columns:125px minmax(0,1fr);gap:14px 24px}.skillo-principles article>p{grid-column:2}.skillo-structure{padding:92px 0}.skillo-loop{padding-top:82px;padding-bottom:82px}.skillo-source-section{padding:92px 0}.skillo-source-card{max-width:360px}}@media (max-width:560px){.skillo-header{width:min(100% - 32px,1180px);height:62px}.skillo-header-note{display:none}.skillo-back-link{font-size:12px}.skillo-hero,.skillo-intro,.skillo-principles,.skillo-structure,.skillo-source-section,.skillo-capabilities,.skillo-footer{width:min(100% - 32px,1040px)}.skillo-hero{padding:56px 0 64px}.skillo-hero h1{margin-top:18px;font-size:clamp(40px,12vw,54px)}.skillo-lead{margin-top:20px;font-size:15px}.skillo-button{width:100%;min-height:48px}.skillo-player-topbar{gap:9px;padding:0 10px}.skillo-player-topbar>span:not(.skillo-player-brand):not(.skillo-player-points){display:none}.skillo-player-body{grid-template-columns:40% 1fr}.skillo-demo-tree{padding:14px 9px}.skillo-demo-reading{padding:24px 15px 15px}.skillo-demo-reading h2{font-size:22px}.skillo-demo-summary{font-size:10px}.skillo-demo-source em{display:none}.skillo-intro{gap:24px;padding:72px 0}.skillo-intro h2,.skillo-structure h2,.skillo-loop h2,.skillo-source-copy h2,.skillo-capabilities h2,.skillo-closing h2{font-size:31px}.skillo-intro div>p{font-size:15px}.skillo-principles article{padding:29px 0;display:block}.skillo-principle-meta{align-items:center;gap:12px;display:flex}.skillo-principle-meta p{margin:0}.skillo-principles h3{margin-top:16px;font-size:18px}.skillo-principles article>p{margin-top:10px}.skillo-structure{padding:74px 0}.skillo-path-gloss{max-width:46%;font-size:10px}.skillo-loop{padding:72px 16px}.skillo-loop-grid{margin-top:36px;display:block}.skillo-loop-grid article,.skillo-loop-grid article:first-child{border-right:0;border-bottom:1px solid var(--sk-primary-border);min-height:0;padding:25px 0}.skillo-loop-grid article:last-child{border-bottom:0}.skillo-loop-grid h3{margin-top:16px}.skillo-source-section{padding:74px 0}.skillo-source-card{padding:25px}.skillo-capabilities{padding:74px 0}.skillo-capabilities-grid{grid-template-columns:1fr;column-gap:0;margin-top:34px}.skillo-capabilities-grid article{padding:22px 0 25px}.skillo-closing{padding:84px 16px}.skillo-closing-actions{gap:10px;display:grid}.skillo-footer{flex-wrap:wrap;gap:8px 16px;min-height:130px;padding:20px 0}.skillo-footer p{flex:1}.skillo-footer-links{flex-wrap:wrap;gap:6px 16px;width:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){.skillo-root *,.skillo-root :before,.skillo-root :after{scroll-behavior:auto;transition-duration:.01ms}}