:root{color:#202940;font-synthesis:none;background:#fcfcff;font-family:Inter,Pretendard,Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline-offset:6px;outline:3px solid #596bee}.wrap{max-width:1200px;margin:auto;padding-inline:36px}.skip-link{z-index:100;background:#fff;padding:12px;position:absolute;top:-80px}.skip-link:focus{top:0}.home-header{border-bottom:1px solid #e9ebf2;justify-content:space-between;align-items:center;max-width:1200px;height:90px;margin:auto;padding-inline:36px;display:flex}.wordmark{letter-spacing:-1.8px;align-items:center;gap:9px;font-size:30px;font-weight:800;display:flex}.brand-symbol{flex-shrink:0;width:30px;height:30px;display:block}.brand-dot{color:#5365d9;margin-left:-8px}.home-header nav{align-items:center;gap:32px;font-size:13px;font-weight:550;display:flex}.home-header nav a:hover{color:#5262d8}.language-link{border-left:1px solid #d9deea;padding-left:26px;font-family:monospace;font-size:12px}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:55px;padding-block:97px 105px;display:grid}.eyebrow{letter-spacing:1.7px;color:#68768f;align-items:center;gap:8px;font:600 10px/1.5 ui-monospace,monospace;display:flex}.eyebrow>span{background:#6b78d4;border-radius:100%;width:6px;height:6px}.hero h1{letter-spacing:-2.8px;word-break:keep-all;margin:26px 0;font-size:clamp(38px,4.25vw,58px);font-weight:720;line-height:1.26}.hero h1 em{color:#5363d4;font-style:normal}.hero-copy>p{color:#718097;letter-spacing:-.3px;word-break:keep-all;font-size:14px;line-height:1.95}.hero-actions{align-items:center;gap:26px;margin-top:31px;display:flex}.primary-link{color:#fff;background:#4b5fd2;border-radius:6px;align-items:center;gap:30px;padding:13px 19px;font-size:13px;font-weight:600;display:flex;box-shadow:0 4px 10px #4b5fd222}.primary-link:hover{background:#3f50ba}.text-link{color:#586680;font-size:12px}.text-link span{padding-left:12px}.hero-footnote{color:#8a94a6;flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px;font-size:10px;display:flex}.hero-footnote span{letter-spacing:.8px;border-left:1px solid #dce0e9;padding-left:12px;font:9px monospace}.interface-study{background:#fff;border:1px solid #dfe4f1;border-radius:12px;position:relative;transform:rotate(-2deg);box-shadow:0 24px 65px #35498510,0 5px 18px #33457705}.study-top{letter-spacing:1.6px;color:#93a0b8;border-bottom:1px solid #ecedf4;align-items:center;gap:14px;padding:12px 17px;font:8px monospace;display:flex}.study-logo{width:22px;height:22px;display:block}.study-dots{margin-left:auto}.study-body{display:flex}.study-nav{color:#a7b1c5;background:#fafbff;border-right:1px solid #ecedf4;flex-direction:column;align-items:center;gap:18px;width:45px;padding-top:20px;display:flex}.study-nav span{font-size:17px}.study-nav .active{color:#576be1}.study-nav i{height:60px}.study-work{flex:1;min-width:0;padding:22px}.study-title{letter-spacing:-.4px;justify-content:space-between;margin-bottom:18px;font-size:15px;font-weight:650;display:flex}.study-title span{color:#a1adc0;font-size:11px}.study-metrics{grid-template-columns:1.2fr 1fr;gap:12px;display:grid}.study-metrics>div{background:#f4f6fd;border:1px solid #e8ebf6;border-radius:6px;height:106px;padding:12px;position:relative}.study-metrics small{letter-spacing:1px;color:#8a98b4;font:7px monospace}.study-metrics strong{color:#4d5fbc;margin-top:5px;font-size:30px;font-weight:500;display:block}.mini-bars{align-items:end;gap:3px;width:62px;height:42px;display:flex;position:absolute;bottom:17px;right:13px}.mini-bars i{background:#9eacf0;border-radius:2px 2px 0 0;flex:1}.mini-bars i:nth-child(3n){background:#d3daf8}.orbit{border:1px solid #d5dcf5;border-radius:50%;place-items:center;width:66px;height:50px;margin:7px auto 0;display:grid;transform:rotate(-15deg)}.orbit b{color:#7484d3;letter-spacing:-3px;font-size:26px;transform:rotate(15deg)}.orbit i{color:#fff;text-align:center;background:#8292e1;border-radius:50%;width:16px;height:16px;font:12px monospace;position:absolute;top:0;right:0}.study-table{border:1px solid #e6e9f2;border-radius:6px;margin-top:14px;overflow:hidden}.study-table>div{color:#8794ab;border-bottom:1px solid #edf0f6;grid-template-columns:1.5fr 1fr .8fr;gap:4px;padding:10px;font-size:8px;display:grid}.study-table>div:first-child{background:#f8f9fd;font-size:7px}.study-table b{color:#63718c;align-items:center;gap:5px;font-weight:550;display:flex}.study-table b i{background:#97a6e2;border-radius:50%;width:4px;height:4px}.study-table code{font:8px monospace}.study-task{background:#fff;border:1px solid #bbc6ef;border-radius:6px;align-items:center;gap:10px;width:88%;margin:12px 0 -8px auto;padding:12px;font-size:10px;display:flex;transform:rotate(3deg)translate(12px);box-shadow:0 5px 12px #465abb12}.study-task>span{color:#8d9ac0}.study-task>span:last-child{margin-left:auto}.study-task b{font-weight:500}.study-label{letter-spacing:1px;color:#a0acc1;border-top:1px solid #edf0f6;justify-content:space-between;padding:12px 15px;font:7px monospace;display:flex}.modules-section{background:#f6f7fc;border-block:1px solid #e7eaf3;padding:57px 0 62px;scroll-margin-top:20px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:30px;display:flex}.section-heading h2,.principles h2{letter-spacing:-1.1px;margin:0;font-size:27px;font-weight:650}.section-heading>p{color:#8a96ab;font-size:12px}.module-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.module-card{background:#fff;border:1px solid #e1e5f0;border-radius:10px;flex-direction:column;padding:25px 23px 18px;display:flex}.module-top{align-items:center;margin-bottom:25px;display:flex}.module-icon{color:#5a6fd4;background:#f3f5fe;border:1px solid #e4e8f6;border-radius:9px;place-items:center;width:40px;height:40px;font-size:24px;display:grid}.module-icon.grid-layout{color:#8071bd;background:#f7f4fe;border-color:#ece6f9}.module-icon.sortable{color:#558f87;background:#f1f8f6;border-color:#dfefe9}.module-name{align-items:center;gap:12px;display:flex}.module-name h3{letter-spacing:-.5px;margin:0;font-size:19px;font-weight:650}.module-name code{color:#8a96ac;background:#f6f7fb;border:1px solid #e9ecf3;border-radius:4px;padding:3px 5px;font:9px monospace}.module-headline{color:#546079;letter-spacing:-.3px;margin:14px 0 8px;font-size:12px}.module-description{color:#8a94a8;word-break:keep-all;margin:0 0 25px;font-size:12px;line-height:1.85}.module-bottom{border-top:1px solid #edf0f6;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:17px;display:flex}.module-bottom>span{color:#8e9bb2;font-size:9px}.module-links{flex-wrap:wrap;justify-content:flex-end;gap:8px 12px;display:flex}.module-links a{color:#4e62b9;white-space:nowrap;font-size:11px;font-weight:550}.module-links a:hover{text-decoration:underline}.principles{grid-template-columns:1fr 1.2fr;gap:65px;padding-block:76px;display:grid}.principles h2{line-height:1.6}.principle-list article{border-bottom:1px solid #edf0f6;margin-bottom:22px;padding:0 0 22px}.principle-list article:last-child{border:0;margin-bottom:0;padding-bottom:0}.principle-list h3{margin:0 0 7px;font-size:14px;font-weight:600}.principle-list p{color:#8b97aa;margin:0;font-size:12px;line-height:1.8}.home-footer{border-top:1px solid #e8ebf3;align-items:center;gap:22px;padding-block:24px;display:flex}.home-footer .wordmark{font-size:22px}.home-footer .brand-symbol{width:22px;height:22px}.home-footer>span{color:#9aa4b6;font-size:10px}.home-footer>a:last-child{color:#8391ab;margin-left:auto;font-size:11px}@media (width>=1500px){.hero{padding-block:115px}}@media (width<=950px){.hero{gap:30px}.hero h1{letter-spacing:-2px;font-size:41px}.hero-copy>p{font-size:12px}.hero-actions{gap:16px}.primary-link{gap:14px;padding:12px 14px;font-size:12px}.study-work{padding:16px}.module-grid{gap:12px}.module-card{padding:20px 16px}.module-name{flex-wrap:wrap;gap:5px}.module-bottom{align-items:start}.module-bottom>span{max-width:90px}.desktop-break{display:none}}@media (width<=700px){.wrap,.home-header{padding-inline:24px}.home-header{height:75px}.home-header nav{gap:20px;font-size:12px}.language-link{padding-left:17px}.wordmark{font-size:26px}.brand-symbol{width:28px;height:28px}.hero{grid-template-columns:1fr;gap:44px;padding-block:60px}.hero h1{font-size:45px}.hero-copy>p{font-size:13px}.interface-study{width:100%;max-width:450px;margin:auto;transform:none}.hero-footnote{margin-top:23px}.module-grid{grid-template-columns:1fr;gap:16px}.section-heading{flex-direction:column;align-items:start;gap:5px;margin-bottom:20px}.section-heading h2{font-size:25px}.module-card{padding:23px}.module-top{margin-bottom:20px}.module-bottom>span{max-width:none}.module-name{gap:12px}.module-description{margin-bottom:20px}.principles{grid-template-columns:1fr;gap:30px;padding-block:50px}.principles h2{font-size:26px}.modules-section{padding-block:40px}.home-footer{flex-wrap:wrap;gap:15px}.home-footer>span{font-size:9px}}@media (width<=400px){.home-header{padding-inline:18px}.home-header nav{gap:12px}.language-link{padding-left:12px}.home-header .wordmark{gap:7px;font-size:24px}.home-header .brand-symbol{width:26px;height:26px}}:root[data-colorway=comins]{--brand-main:#10b981;--brand-strong:#047857;--brand-soft:#d1fae5;--brand-ink:#052e23;--brand-tint:#f0faf6;--brand-line:#dcebe4;background:#fcfefd}:root[data-colorway=comins] a:focus-visible{outline-color:var(--brand-strong)}:root[data-colorway=comins] .brand-dot{color:var(--brand-main)}:root[data-colorway=comins] .home-header{border-color:var(--brand-line)}:root[data-colorway=comins] .home-header nav a:hover,:root[data-colorway=comins] .hero h1 em{color:var(--brand-strong)}:root[data-colorway=comins] .eyebrow>span{background:var(--brand-main)}:root[data-colorway=comins] .primary-link{background:var(--brand-strong);color:#fff;box-shadow:0 4px 10px #10b98122}:root[data-colorway=comins] .primary-link:hover{color:#fff;background:#064e3b}:root[data-colorway=comins] .interface-study{border-color:var(--brand-line);box-shadow:0 24px 65px #04785710,0 5px 18px #04785705}:root[data-colorway=comins] .study-top,:root[data-colorway=comins] .study-nav,:root[data-colorway=comins] .study-label{border-color:#e6f0eb}:root[data-colorway=comins] .study-nav .active{color:var(--brand-strong)}:root[data-colorway=comins] .study-nav{background:#f8fcfa}:root[data-colorway=comins] .study-metrics>div{background:var(--brand-tint);border-color:#e0f0e7}:root[data-colorway=comins] .study-metrics strong{color:var(--brand-strong)}:root[data-colorway=comins] .mini-bars i{background:var(--brand-main)}:root[data-colorway=comins] .mini-bars i:nth-child(3n){background:#a7e8cb}:root[data-colorway=comins] .orbit{border-color:#a7e8cb}:root[data-colorway=comins] .orbit b{color:var(--brand-strong)}:root[data-colorway=comins] .orbit i{background:var(--brand-main);color:var(--brand-ink)}:root[data-colorway=comins] .study-table{border-color:var(--brand-line)}:root[data-colorway=comins] .study-table>div{border-color:#e9f2ed}:root[data-colorway=comins] .study-table>div:first-child{background:#f7fbf9}:root[data-colorway=comins] .study-table b i{background:var(--brand-main)}:root[data-colorway=comins] .study-task{border-color:#a7dbc8;box-shadow:0 5px 12px #04785712}:root[data-colorway=comins] .study-task>span{color:#42876e}:root[data-colorway=comins] .modules-section{border-color:var(--brand-line);background:#f4f8f6}:root[data-colorway=comins] .module-card{border-color:var(--brand-line)}:root[data-colorway=comins] .module-icon,:root[data-colorway=comins] .module-icon.grid,:root[data-colorway=comins] .module-icon.sortable{color:var(--brand-strong);background:var(--brand-soft);border-color:#bfead6}:root[data-colorway=comins] .module-bottom{border-color:#e9f2ed}:root[data-colorway=comins] .module-bottom>a{color:var(--brand-strong)}:root[data-colorway=comins] .principle-list article,:root[data-colorway=comins] .home-footer{border-color:var(--brand-line)}nav:where(.astro-n4hbfg2c) a:where(.astro-n4hbfg2c)[aria-current=page]{color:var(--brand-strong);font-weight:750}@media (width<=440px){.home-header:where(.astro-n4hbfg2c){flex-wrap:wrap;gap:18px;height:auto;min-height:104px;padding-block:18px}.home-header:where(.astro-n4hbfg2c) nav:where(.astro-n4hbfg2c){justify-content:space-between;gap:12px;width:100%}}